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