实现Android九宫格布局的代码

最新推荐文章于 2023-09-06 10:08:01 发布

原创最新推荐文章于 2023-09-06 10:08:01 发布 · 4.2k 阅读

10 ·

CC 4.0 BY-SA版权

Android 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了如何实现Android九宫格布局，包括关键的Java文件HomeActivity.java，以及gridview的重要属性设置，如列数、宽度、间距和背景颜色等，帮助开发者创建美观且功能完善的九宫格界面。

实现九宫格的三个文件：HomeActivity.java

public class HomeActivity extends Activity {
    private GridView list_home;
    private MyAdapter adapter;
    private static String [] names = {
            "手机防盗","通讯卫士","软件管理",
            "进程管理","流量统计","手机杀毒",
            "缓存清理","高级工具","设置中心"

    };

    private static int[] ids = {
            R.drawable.safe,R.drawable.callmsgsafe,R.drawable.app,
            R.drawable.taskmanager,R.drawable.netmanager,R.drawable.trojan,
            R.drawable.sysoptimize,R.drawable.atools,R.drawable.settings

    };




    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_home);
        list_home = (GridView) findViewById(R.id.list_home);
        adapter = new MyAdapter();
        list_home.setAdapter(adapter);


    }

    private class MyAdapter extends BaseAdapter{
        @Override
        public int getCount() {
            return names.length;
        }

        @Override
        public Object getItem(int i) {
            return null;
        }

        @Override
        public long getItemId(int i) {
            return 0;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // TODO Auto-generated method stub
            View view = View.inflate(HomeActivity.this, R.layout.list_item_home, null);
            ImageView iv_item = (ImageView) view.findViewById(R.id.iv_item);
            TextView tv_item = (TextView) view.findViewById(R.id.tv_item);

            tv_item.setText(names[position]);
            iv_item.setImageResource(ids[position]);
            return view;
        }
    }
}

activity_home.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

   
    <GridView
        android:layout_marginTop="15dp"
        android:verticalSpacing="15dp"
        android:numColumns="3"
        android:id="@+id/list_home"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </GridView>
</LinearLayout>

list_item_home.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center">

    <ImageView
        android:id="@+id/iv_item"
        android:layout_width="60dip"
        android:layout_height="60dip"
        android:src="@drawable/app" />

    <TextView
        android:id="@+id/tv_item"
        android:textColor="#000000"
        android:textSize="16sp"
        android:text="手机防盗"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

另附gridview的一些属性:

1.android:numColumns=”auto_fit” //GridView的列数设置

2.android:columnWidth=”90dp " //每列的宽度，也就是Item的宽度

3.android:stretchMode=”columnWidth"//缩放与列宽大小同步

4.android:verticalSpacing=”10dp” //两行之间的边距

5.android:horizontalSpacing=”10dp” //两列之间的边距

6.android:cacheColorHint="#00000000" //去除拖动时默认的黑色背景

7.android:listSelector="#00000000" //设置item选中时的背景颜色

8.android:scrollbars="none" //隐藏GridView的滚动条

9.android:fadeScrollbars="true" //设置为true就可以实现滚动条的自动隐藏和显示

10.android:fastScrollEnabled="true" //GridView出现快速滚动的按钮(至少滚动4页才会显示)

11.android:fadingEdge="none" //GridView衰落(褪去)边缘颜色为空，缺省值是vertical。(可以理解为上下边缘的提示色)