昨天下班回来看会儿书眼睛都花了,好在今天是周六,爬上床就是睡,这一睡直到第二天中午,然后爬起来洗漱吃饭,回来接着看书,傍晚那会儿写的这个程序,依然是个很简单的程序(现在看来是),但是还是弄了好一会儿,主要错误在,忘记启用Adapter,因为考虑不周全,使用的图片太大布局变的乱七八糟,还是那句话,一定要仔细啊,然后就是多想多练。
ps:在白色背景下写字儿还真是痛苦,太亮了。
主代码:
public class MainActivity extends Activity {
GridView gv;
ImageView image;
int[] images = new int[] { R.drawable.p1, R.drawable.p2};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
// 获取各组件
gv = (GridView) findViewById(R.id.grid);
image = (ImageView) findViewById(R.id.image);
// 新建一个List
List<Map<String, Object>> listItems = new ArrayList<Map<String, Object>>();
for (int i = 0; i < images.length; i++) {
Map<String, Object> listItem = new HashMap<String, Object>();
listItem.put("image", images[i]);
listItems.add(listItem);//记得要添加到list中
}
SimpleAdapter simpleAdapter = new SimpleAdapter(this, listItems,
R.layout.layout_image, new String[] { "image" },
new int[] { R.id.image2 });
gv.setAdapter(simpleAdapter);//记得要启动容器
//添加列表项被选中的监听器
gv.setOnItemSelectedListener(new OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView<?> parent, View view,
int position, long id) {
//显示当前被选中的图片
image.setImageResource(images[position]);
}
@Override
public void onNothingSelected(AdapterView<?> parent) {
// TODO Auto-generated method stub
}
});
//添加列表项被单击的监听器
gv.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {
// T显示被单击的图片
image.setImageResource(images[position]);
}
});
}
}
主布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center_horizontal"
android:orientation="vertical" >
<!-- numColumns="2"表示生成2列 -->
<GridView
android:id="@+id/grid"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:horizontalSpacing="10pt"
android:numColumns="2"
android:verticalSpacing="10pt" >
</GridView>
<ImageView
android:id="@+id/image"
android:layout_width="240dp"
android:layout_height="240dp"
android:layout_gravity="center_horizontal"
android:layout_marginTop="20dp" />
</LinearLayout>
自定义布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<ImageView
android:id="@+id/image2"
android:layout_width="120dp"
android:layout_height="120dp"
android:layout_marginLeft="15dp"
/>
</LinearLayout>
效果图: