Android布局:如何实现这个特定的外观?
问题描述:
我在Android的布局方面遇到困难,我觉得它会随机捕捉/调整大小/移动。我试图达到这个特定的布局,但我不知道如何。Android布局:如何实现这个特定的外观?
实现这一布局任何帮助/提示将不胜感激!
这是我曾尝试代码:
public class ImageAdapter extends BaseAdapter {
private Context mContext;
// Constructor
public ImageAdapter(Context c) {
mContext = c;
}
public int getCount() {
return mThumbIds.length;
}
public Object getItem(int position) {
return null;
}
public long getItemId(int position) {
System.out.println(position);
return 0;
}
// create a new ImageView for each item referenced by the Adapter
public View getView(int position, View convertView, ViewGroup parent) {
ImageView imageView;
int imgSize = 0;
if (convertView == null) {
WindowManager wm = (WindowManager) mContext
.getSystemService(Context.WINDOW_SERVICE);
Display display = wm.getDefaultDisplay();
Point size = new Point();
display.getSize(size);
imgSize = size.x/4;
imageView = new ImageView(mContext);
imageView.setLayoutParams(new GridView.LayoutParams(imgSize,
imgSize));
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
} else {
imageView = (ImageView) convertView;
}
imageView.setImageResource(mThumbIds[position]);
imageView.setLayoutParams(new GridView.LayoutParams(imgSize * 2,
imgSize * 2));
imageView.setImageResource(mThumbIds2[0]);
return imageView;
}
// Keep all Images in array
public Integer[] mThumbIds = { R.drawable.yourpic, R.drawable.yourpic,
R.drawable.yourpic, R.drawable.yourpic, R.drawable.yourpic,
R.drawable.yourpic, R.drawable.yourpic, R.drawable.yourpic,
R.drawable.yourpic, R.drawable.yourpic, R.drawable.yourpic,
R.drawable.yourpic, R.drawable.yourpic, R.drawable.yourpic,
R.drawable.yourpic, R.drawable.yourpic, R.drawable.yourpic,
R.drawable.yourpic, R.drawable.yourpic, R.drawable.yourpic,
R.drawable.yourpic, R.drawable.yourpic };
public Integer[] mThumbIds2 = { R.drawable.bigpicture };
}
答
尝试这样的事情 重要的位置:layout_span。与您可以这样做合并单元格中的HTML表格
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_span="2"
android:src="@drawable/yourbigpic" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/yourpic" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/yourpic" />
</TableRow>
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/yourpic" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/yourpic" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/yourpic" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/yourpic" />
</TableRow>
<TableRow>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/yourpic" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/yourpic" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/yourpic" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/yourpic" />
</TableRow>
它看起来像一个网格布局,或者我加入,我试图OP代码中的TableLayout – 2014-11-01 14:33:19
。 – StackPWRequirmentsAreCrazy 2014-11-02 05:35:21