美文网首页
Android使用GridView以表格的形式显示多张图片

Android使用GridView以表格的形式显示多张图片

作者: wdtay | 来源:发表于2018-09-13 23:40 被阅读0次

                                        效果图

    MainActivity

    import java.util.ArrayList; import java.util.List; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.widget.AdapterView; import java.util.HashMap; import java.util.Map; import android.widget.AdapterView.OnItemClickListener; import android.widget.GridView; import android.widget.SimpleAdapter; import android.widget.Toast; public class MainActivity extends Activity implements OnItemClickListener { private GridView gridView; private List<Map<String, Object>> dataList; private int[] img = { R.drawable.item_post, R.drawable.bycicle}; private SimpleAdapter simpleAdapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); gridView = (GridView) findViewById(R.id.gridView1); dataList = new ArrayList<Map<String, Object>>(); getData(); simpleAdapter = new SimpleAdapter(this, dataList, R.layout.otem_layout, new String[] { "picture", "text" }, new int[] { R.id.img, R.id.tv1 }); gridView.setAdapter(simpleAdapter); gridView.setOnItemClickListener(this); } private void getData() { for (int i = 0; i < 25; i ++) { Map<String, Object> map = new HashMap<String, Object>(); if(i%2==0){ map.put("picture" ,img[0]); } else { map.put( "picture",img[1] ); } map.put("text", i); dataList.add(map); } } @Override public void onItemClick(AdapterView<?> parent, View arg1, int position, long id) { Toast.makeText(this, "点击了第"+position+"个", Toast.LENGTH_SHORT).show(); } 

    activity_main_xml

    <?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" xmlns:app="http://schemas.android.com/apk/res-auto" android:descendantFocusability="blocksDescendants" android:orientation="vertical"> <GridView android:id="@+id/gridView1" android:layout_width="match_parent" android:layout_height="match_parent" android:numColumns="4" android:paddingLeft="5dp" android:paddingRight="5dp"> </GridView>

    item.xml

    <?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"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <ImageView android:id="@+id/img" android:layout_width="match_parent" android:layout_height="60dp" android:src="@mipmap/ic_launcher" /> <TextView android:id="@+id/tv1" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:text="123" /> </LinearLayout> </LinearLayout>

    相关文章

      网友评论

          本文标题:Android使用GridView以表格的形式显示多张图片

          本文链接:https://www.haomeiwen.com/subject/ducngftx.html