Android九宫格

显示九宫格需要用GridView , 要显示每个格子中的视图有两种方式,第一种方式是做成xml文件,再将xml文件做成视图。第二种方式就是在代码中构建出这样一种布局,这里采用第一种方式来实现:

GridView:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
 <!-- id gv_all
 	宽高都是填充父窗体
 	numcolums 为3
 	水平控件的距离 10px
 	垂直距离是10px
 	gridview 离底部58px
 	离顶部28px
 	离左边5px
 	离右边5px  
  -->
<GridView 
	android:id="@+id/gv_all"
	android:layout_height="fill_parent"
	android:layout_width="fill_parent"
	android:numColumns="3"
	android:horizontalSpacing="10px"
	android:verticalSpacing="10px"
	android:layout_marginBottom="58px"
	android:layout_marginTop="28px"
	android:layout_marginLeft="5px"
	android:layout_marginRight="5px"
></GridView>

</RelativeLayout>

视图:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="90px"
  android:layout_height="90px">
   <ImageView 
     android:layout_width="64px"
  	 android:layout_height="64px"
  	 android:layout_gravity="center_horizontal"
  	 android:id="@+id/main_gv_iv"
   />
   <TextView 
   	android:layout_width="wrap_content"
  	 android:layout_height="wrap_content"
   	 android:layout_gravity="center_horizontal"
   	 android:textSize="16px"
   	 android:textColor="#FFF"
   	 android:id="@+id/main_gv_tv"
   />
</LinearLayout>

初始化:

public class MainActivity extends Activity {
	public static final String TAG = "MainActivity";
	GridView maingv;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		//全屏
		getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
		setContentView(R.layout.mainactivity);
		//获取到GridView
		maingv = (GridView) this.findViewById(R.id.gv_all);
		//给gridview设置数据适配器 
		maingv.setAdapter(new MainGridViewAdapter(this));
		//点击事件
		maingv.setOnItemClickListener(new MainItemClickListener()); 
	}
	private class MainItemClickListener implements OnItemClickListener{
        /**
         * @param parent 代表当前的gridview 
         * @param view 代表点击的item
         * @param position 当前点击的item在适配中的位置 
         * @param id 当前点击的item在哪一行
         */
		public void onItemClick(AdapterView<?> parent, View view, int position,
				long id) {
			switch (position) {
			case 0:
				Intent intent = new Intent(MainActivity.this,LostProtectedActivity.class);
				startActivity(intent);
				break;
			}
		}
	}
}
设置数据适配器 :

// 完成gridview 数据到界面的适配 
public class MainGridViewAdapter extends BaseAdapter {
	private static final String TAG = "MainGridViewAdapter";
	private String[] names = {"手机防盗","通讯卫士","软件管理","任务管理","上网管理","手机杀毒","系统优化","高级工具","设置中心"};
	private int[] icons = {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};
	private Context context;
	LayoutInflater infalter;
	
	public MainGridViewAdapter(Context context) {
		this.context = context;
		//方法1 通过系统的service 获取到 试图填充器 
		//infalter = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		//方法2 通过layoutinflater的静态方法获取到 视图填充器
		infalter = LayoutInflater.from(context);
	}
	// 返回gridview里面有多少个条目 
	public int getCount() {
		return names.length;
	}
	//返回某个position对应的条目 
	public Object getItem(int position) {
		return position;
	}
	//返回某个position对应的id
	public long getItemId(int position) {
		return position;
	}
	//返回某个位置对应的视图 
	public View getView(int position, View convertView, ViewGroup parent) {
		Log.i(TAG,"GETVIEW "+ position);
		//把一个布局文件转换成视图
		View view = infalter.inflate(R.layout.mainactivity_item, null);
	    ImageView iv =	(ImageView) view.findViewById(R.id.main_gv_iv);
	    TextView  tv = (TextView) view.findViewById(R.id.main_gv_tv);
		//设置每一个item的名字和图标 
	    iv.setImageResource(icons[position]);
		tv.setText(names[position]);
 		return view;
	}
}

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭