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

参考博客：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;
		}//设置适配器或更新适配器调用

    }

}

时间： 2024-10-10 04:50:37

Android UI编程(1)——九宫格(GridView)的相关文章

Android UI编程之自定义控件初步——ImageButton

概述: 我想我们在使用一些App的时候,应该不会出现一些"裸控件"的吧.除非是一些系统中的软件,那是为了保持风格的一致性,做出的一些权衡.我这里并非是在指责Android原生的控件不好看,说实在的,我很喜欢Android的一些原生控件.只是有些时候为了风格的一致性,就不得不去花些功夫在美工上.这于美工这一点,我对某讯的产品的确欣赏.下面就让我们开始一点一点学习Android UI编程中的自定义控件. 分析: 自定义控件就点像堆积木,并给它涂上颜色,和功能说明.下面就让我们用一个例子来逐

Android UI编程之自定义控件初步（下）——CustomEditText

概述: 基于对上一篇博客<Android UI编程之自定义控件初步(上)--ImageButton>的学习,我们对自定义控件也有了一个初步的认识.那现在我们可以再试着对EditText进行一些自定义的学习.以下有两种方式的自定义UI编程分享给大家. 示例:带删除按钮的输入框 效果图展示:   基本雏形搭建: 大家可以从上面的效果图上看到两个东西:左侧的EditText和右侧的图片(这里是一个Button).我们在EditText中的输入为空的时候,不显示右侧的清除按钮.一旦EditText中输

Android UI编程(6)——HandlerThread

介绍: HandlerThread继承Thread,当线程开启时,也就是它run方法运行起来后,线程同时创建了一个含有消息队列的Looper,并对外提供自己这个Looper对象的get方法,这就是它和普通Thread唯一不同的地方. 好处: 为什么要使用HandlerThread 1.开发中如果多次使用类似new Thread(){}.start(); 这种方式开启一个子线程,会创建多个匿名线程,使得程序运行越来越慢,而HandlerThread自带Looper使他可以通过消息来多次重复使用当前

Android UI编程(4)——Thread、Message、Handler

当应用程序启动时,会开启一个主线程(也就是UI线程),由它来管理UI,监听用户点击,来响应用户并分发事件等.所有一般在主线程中不要执行比较耗时的操作,如延时.下载网络数据.死循环,否则出现ANR错误.所以就将这些操作放在子线程中,但是由于Android UI线程是不安全的,所有只能在主线程中更新UI.使用Thread来创建子线程.使用Message来存储数据.使用Handler来处理消息数据. 总结: 1.子线程与UI主线程之间通过Message来传递数据,需要创建一个新类(MyHandler)

Android UI编程(7)——Fragment

Fragment是Activity的界面中的一部分或一种行为.你可以把多个Fragment们组合到一个Activity中来创建一个多面界面并且可以在多个Activity中重用一个Fragment.也可以把Fragment认为模块化的一段Activity,它具有自己的生命周期,接收它自己的事件,并可以在Activity运行时被添加或删除. Fragment不能独立存在,它必须嵌入到activity中,而且Fragment的生命周期直接受所在的Activity的影响.例如:当Activity暂停时,

Android UI编程(5)——Looper

Looper通常是运行在一个消息的循环队列中的这个线程中,线程默认不会提供一个循环的消息去关联它们,即在一般的线程中是没有一个消息队列去关联这个消息的.那么如果线程想管理这些消息,就必须在此线程中调用Looper.prepare()使这个消息队列运行起来,并且调用Looper.loop()这个方法使它消息队列一直运行到停止.而Handler就是消息队列一个交互消息,包括从将消息发到消息队列,以及从消息队列取出消息并处理. 总结: Android使用Message对象来管理消息数据,并将这些Mes

Android UI编程（View、ViewGroup类、按钮、TextView、EditText）

1.View和ViewGroup类 Android中所有的UI元素都是使用View和ViewGroup类的对象建立的. View:将一些信息绘制在屏幕上可以与用户产生交互 Viewgroup:包含多个View和Viewgroup的容器,用来定义UI布局 2.按钮 (1)方式一: 配置: <Button android:id="@+id/btn" android:layout_width="wrap_content" android:layout_height=

Android UI编程(2)——多级列表(ExpandableListView)

参考博客: http://blog.csdn.net/xyz_lmn/article/details/6906268 http://www.apkbus.com/android-124715-1-1.html 有时候,使用ListView并不能满足应用程序所需要的功能.有些应用程序需要多组ListViw,这时候我们就要使用一种新的控件ExpandableListView--可以扩展的ListView.它的作用就是将ListView进行分组.就好像我们使用QQ的时候,有"我的好友",&q

Android UI编程进阶——使用SurfaceViewt和Canvas实现动态时钟

概述: 很多时候我们想要自己写一些类似时钟.罗盘的控件,却又找不到合适的Demo.我想这时你可能索性就直接上图片了.在Android有Canvas和Paint这么好的画师的情况下,还是选择使用图片,的确是有一些尴尬了.下面我就利用一步一步实现自定义时钟来对这个问题做一个讲解.(注明:本人不太会制作GIF图片,以下图片均不能动态展示,想要查看动态效果,请转到博客末尾处下载源码进行查看) 错误示例: 这里我有一个"错误"的示例.这里的错误其实应该是要打上双引号的,因为它不是真的错误,只是在