Android UI编程(1)——九宫格(GridView)

浏览数：44 / 时间：2015年06月11日

参考博客：http://blog.csdn.net/xyz_lmn/article/details/6906255

总结：

1、GridView(网格视图)按照行列来显示内容，每个网格可以用已有的布局或自定义的布局来填充，并且GridView每行可以显示多个网格，即有列数之说。

2、GridView需要结合适配器(Adapter)一起使用，使用GridView类的实例对象中的setAdapter方法初始化网格视图，即gridView.setAdapter(myAdapter)。

3、将GridView中的每一个网格需要是数据打包成一个集合，将此集合作为参数来初始化适配器(Adapter)实例对象，在适配器(Adapter)的getView方法中来获取集合中的数据，将此数据来初始化对应网格中的控件。

4、适配器(Adapter)中的getView方法在设置适配器和更新适配器数据时被调用，即gridView.setAdapter(myAdapter)和myAdapter.notifyDataSetChanged()时被调用

5、要实现网格之间隔离开来的，首先需要设置用于填充网格的布局背景与网格所在的布局的背景颜色不一致，即mylayout.xml布局的背景与activity_main.xml布局的背景色不一致，而且还需要设置设置网格与网格之间的间距，这样看起来网格才是分离的。

5、若要实现被选中(点击)的网格呈现不同的颜色，就需要知道被点击的网格的Item号，并调用myAdapter.notifyDataSetChanged()去更新适配器数据，最后在适配器中的getView方法中来判断网格的Item号，如果相等就设置自己所需呈现的背景色(指的是视图的背景色)。

6、Android实现全屏显示方法，我们都知道在Android中某些功能的实现往往有两种方法：一种是在xml文件中设置相应的属性，另一种是用代码实现。同样Android实现全屏也可以通过以下两种方法实现

(1)、在AndroidManifest.xml的配置文件里的<activity>标签添加属性

android:theme="@android:style/Theme.NoTitleBar.Fullscreen"
(2)、在Activity的onCreate()方法中的super()和setContentView()两个方法之间加入下面两条语句 

this.requestWindowFeature(Window.FEATURE_NO_TITLE);//去掉标题栏

this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);//去掉信息栏
7、GridView的一些特殊属性

android:numColumns=”auto_fit”   //GridView的列数设置为自动

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

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

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

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

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

android:listSelector="#00000000"        //去除选中时的黄色底色

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

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

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

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

android:fadingEdgeLength="10dip"   //定义的衰落(褪去)边缘的长度

android:stackFromBottom="true"       //设置为true时，你做好的列表就会显示你列表的最下面

android:transcriptMode="alwaysScroll" //当你动态添加数据时，列表将自动往下滚动最新的条目可以自动滚动到可视范围内

android:drawSelectorOnTop="false"  //点击某条记录不放，颜色会在记录的后面成为背景色,内容的文字可见(缺省为false)

AndroidManifest.xml——没有做任何修改，创建工程默认的

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.wxl.ninebox"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="19" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.wxl.ninebox.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

mylayout.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fffccc"
	android:id="@+id/mylayout" >
    
    <ImageView 
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="centerCrop"
        android:layout_gravity="center_horizontal"
        android:background="@drawable/ic_launcher"/>
    <TextView 
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|center_horizontal"
        android:layout_marginBottom="5dp"
        android:textColor="#000000"
        android:textSize="12sp"/>

</FrameLayout>
activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    tools:context=".MainActivity" >
    
    <GridView 
        android:id="@+id/gridView" 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numColumns="3"
        android:verticalSpacing="30dip"
        android:horizontalSpacing="10dip"
        android:layout_gravity="center"
        >
    </GridView>

</LinearLayout>
MainActivity.java 

package com.wxl.ninebox;

import java.util.ArrayList;
import java.util.HashMap;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.TextView;
import android.app.Activity;
import android.content.Context;
import android.graphics.Color;

public class MainActivity extends Activity {
	GridView gridView;
	View view;
	MyAdapter myAdapter;
	ArrayList<HashMap<String, Object>> arrayList;
	@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        this.requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        gridView = (GridView)this.findViewById(R.id.gridView);
        arrayList = new ArrayList<HashMap<String,Object>>();
        for (int i = 1; i < 10; i++)
        {
        	HashMap<String, Object> hashMap = new HashMap<String, Object>();
        	hashMap.put("image", R.drawable.ic_launcher);
        	hashMap.put("text", "九宫格"+i);
        	arrayList.add(hashMap);
        }
        myAdapter = new MyAdapter(arrayList, this);
        gridView.setAdapter(myAdapter);
        gridView.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
					long arg3) {
				// TODO Auto-generated method stub
				myAdapter.setSelection(arg2);
				myAdapter.notifyDataSetChanged();
			}
		});
    }
    
    public class MyAdapter extends BaseAdapter
    {
    	ArrayList<HashMap<String, Object>> arrayList;
    	Context context;
    	HashMap<String, Object> hashMap;
    	int selectItem = -1;
    	public MyAdapter(ArrayList<HashMap<String, Object>> arrayList,Context context) {
			// TODO Auto-generated constructor stub
    		this.arrayList = arrayList;
    		this.context = context;
		}
    	
    	public void setSelection(int position)
    	{
    		selectItem = position;
    	}
    	
		@Override
		public int getCount() {
			// TODO Auto-generated method stub
			if (null == arrayList)
			{
				return 0;
			}
			else
			{
				return arrayList.size();
			}
			
		}

		@Override
		public Object getItem(int arg0) {
			// TODO Auto-generated method stub
			return arrayList.get(arg0);
		}

		@Override
		public long getItemId(int arg0) {
			// TODO Auto-generated method stub
			return arg0;
		}

		@SuppressWarnings("unchecked")
		@Override
		public View getView(int arg0, View arg1, ViewGroup arg2) {
			// TODO Auto-generated method stub
			view = LayoutInflater.from(context).inflate(R.layout.mylayout, arg2,false);
			ImageView imageView = (ImageView)view.findViewById(R.id.imageView);
			TextView textView = (TextView)view.findViewById(R.id.textView);
			hashMap = (HashMap<String, Object>) getItem(arg0);
			imageView.setImageResource((Integer) hashMap.get("image"));
			textView.setText((CharSequence) hashMap.get("text"));
			if (selectItem == arg0) {
				view.setBackgroundColor(Color.GREEN);
			}
			return view;
		}//设置适配器或更新适配器调用
    	
    }
    
}
技术分享


郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： Android iOS 移动互联 终端开发

相关文章

随机文章

您可能还喜欢

您可能还喜欢