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> 

     

     

  • 相关阅读:
    Webdriver启动Firefox浏览器后,页面显示空白
    Windows+Python+Selenium基础篇之1-环境搭建
    office2010无法卸载问题
    .NET使用FastDBF读写DBF
    并发编程相关概念
    C#的多线程简洁笔记
    asp.net core 3.1 入口:Program.cs中的Main函数
    【WPF学习】第四十四章 图画
    .NET知识梳理——1.泛型Generic
    C#个推SDK推送安卓+iOS
  • 原文地址:https://www.cnblogs.com/gongcb/p/2494515.html
Copyright © 2011-2022 走看看