4、主界面UI设计

主界面设计效果:


一共分为三个部分:

TextView显示“我的手机卫士”,一个View用于分割,中间一个GridView用于显示九大功能模块的图标和名称。

对应的layout为:



MainActivity代码为:

package com.example.mobilesafe;import android.app.Activity;
import android.os.Bundle;
import android.widget.GridView;/*** Created by sing on 13-12-24.* desc:*/
public class MainActivity extends Activity {//activity_main中的gridview控件private GridView gv_main;public void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);gv_main = (GridView)findViewById(R.id.gv_main);//为gv_main对象设置适配器,该适配器为每个item填充对应的数据gv_main.setAdapter(new MainAdapter(this));}
}

使用MainAdapter适配器为GridView的每个item填充数据:

package com.example.mobilesafe;import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;/*** Created by sing on 13-12-24.* desc:*/
public class MainAdapter extends BaseAdapter {//布局填充器private LayoutInflater inflater;//保存mainactivity传递来的上下文对象private Context context;//将9个item的图片id存入数组public static final int[] icons = {R.drawable.widget01, R.drawable.widget02, R.drawable.widget03,R.drawable.widget04, R.drawable.widget05, R.drawable.widget06,R.drawable.widget07, R.drawable.widget08, R.drawable.widget09};//将9个item的标题存入数据public static final String[] names = {"手机防盗", "通信卫士", "软件管理","进程管理", "流量统计", "手机杀毒","系统优化", "高级工具", "设置中心"};/*** 构造函数* @param context*/public MainAdapter(Context context) {this.context = context;//获取系统中的布局填充器inflater = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);}/*** 返回gridview有多少个item* @return*/@Overridepublic int getCount() {return names.length;}/*** 返回item对象* @param position* @return*/@Overridepublic Object getItem(int position) {return position;}/*** 返回gridview中的item的view对象* @param position* @param convertView* @param parent* @return*/@Overridepublic View getView(int position, View convertView, ViewGroup parent) {View view = inflater.inflate(R.layout.main_item, null);TextView tv_name = (TextView)view.findViewById(R.id.tv_main_item_name);ImageView iv_icon = (ImageView)view.findViewById(R.id.iv_main_item_icon);tv_name.setText(names[position]);iv_icon.setImageResource(icons[position]);return view;}/*** 返回item id* @param position* @return*/@Overridepublic long getItemId(int position) {return position;}}

其中每个item需要一个layout,这里是main_item.xml:


设置LinearLayout为center_horizontal是为了让text文本居中显示在imageview下方,否则会出现不齐的效果:









本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部