Android九宫格

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

效果:

Android九宫格

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.*,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; } }