zoukankan      html  css  js  c++  java
  • Android:九宫格

    九宫格普遍使用在各种各样的UI设计中,这里讲解在Android中怎么实现九宫格的效果。

    首先,九宫格每格就是一个GridView

    <GridView
        android:id="@+id/GridView" 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent" 
        android:numColumns="3" 
        android:horizontalSpacing="20dp"     
        android:verticalSpacing="20dp" 
        android:columnWidth="90dp" 
        android:stretchMode="columnWidth" 
        android:gravity="center"
    ></GridView> 

    在Activity中,我们就要对每个GridView进行相应的处理

     //九宫格数据的初始化
        private void initGridView(){
            GridView gridView = (GridView) findViewById(R.id.GridView);
            ArrayList<HashMap<String, Object>> menulist = new ArrayList<HashMap<String,Object>>();
            
            for(int i=0;i<drawable.length;i++){
                HashMap<String, Object> map = new HashMap<String, Object>();
                map.put("ItemImage", drawable[i]);
                map.put("ItemText",menuItemText[i]);
                menulist.add(map);
            }
            
            SimpleAdapter saMenuItem = 
                new SimpleAdapter(
                        this,menulist,R.layout.home_menuitem,
                        new String[]{"ItemImage","ItemText"},
                        new int[]{R.id.ItemImage,R.id.ItemText}); 
            gridView.setAdapter(saMenuItem);    
            gridView.setOnItemClickListener(new GridViewOnClick());
        }

    home_menuitem.xml

    <RelativeLayout 
        xmlns:android="http://schemas.android.com/apk/res/android" 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
    > 
    
    <ImageView 
        android:layout_width="fill_parent" 
        android:id="@+id/ItemImage" 
        android:layout_height="fill_parent" 
        android:layout_centerHorizontal="true"
    /> 
    
    <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_below="@+id/ItemImage" 
        android:id="@+id/ItemText" 
        android:layout_centerHorizontal="true" 
        android:textSize="16sp"
    /> 
    
    </RelativeLayout> 

     

     

  • 相关阅读:
    Go语言对etcd的基本操作
    etcd命令行基本操作
    etcd集群部署
    第二十一天python3 python的正则表达式re模块学习
    第二十天python3 正则表达式
    jenkins多分支构建选择
    第十九天python3 json和messagepack
    华为交换机设置ntp时间同步
    交换机端口光衰问题排查
    第十八天python3 序列化和反序列化
  • 原文地址:https://www.cnblogs.com/gongcb/p/2494515.html
Copyright © 2011-2022 走看看