手機界面常見的的九宮格
手機界面常見的的九宮格
首先布局的話需要用到一個mainactivity和一個item的布局目前用得最多也最熟悉的還是LinearLayout布局所以,一下也是,按套路就不過多贅述了。
<GridView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/gridview"
android:numColumns="3"
android:verticalSpacing="15dp"
android:horizontalSpacing="13dp"
android:gravity="center"
android:stretchMode="columnWidth"
>
</GridView>
<ImageView
android:layout_width="120dp"
android:layout_height="120dp"
android:id="@+id/imageview"/>
下面是執行的JAVA代碼
public class MainActivity extends AppCompatActivity {
private GridView gridView;
private SimpleAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
gridView=(GridView) findViewById(R.id.gridview);
adapter = new SimpleAdapter(this,getData(),R.layout.photo_item,new String[]{"imageview"},new int[]{R.id.imageview});//將數據加載到listview
gridView=(GridView) findViewById(R.id.gridview);
gridView.setAdapter(adapter);//添加listview的每個item的單擊的監聽事件
gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> adapterView, View view, int position, long id) {String data = (String) adapterView.getItemAtPosition(position);}
});}private List<HashMap<String, Object>> getData() {
List<HashMap<String, Object>> datas = new ArrayList<>();// 給list增加一條數據
HashMap<String, Object> data = new HashMap<>();
// Map映射添加數據
data.put("imageview", R.drawable.a);
// 將這個map放到list中
datas.add(data);data=new HashMap<>();
data.put("imageview", R.drawable.b);
datas.add(data);data=new HashMap<>();
data.put("imageview", R.drawable.c);
datas.add(data);data=new HashMap<>();
data.put("imageview", R.drawable.d);
datas.add(data);data=new HashMap<>();
data.put("imageview", R.drawable.e);
datas.add(data);data=new HashMap<>();
data.put("imageview", R.drawable.f);
datas.add(data);data=new HashMap<>();
data.put("imageview", R.drawable.g);
datas.add(data);data=new HashMap<>();
data.put("imageview", R.drawable.h);
datas.add(data);data=new HashMap<>();
data.put("imageview", R.drawable.i);
datas.add(data);return datas;}}
EDN
posted on 2017-05-08 14:05 Quokka 閱讀(...) 評論(...) 編輯 收藏