首页 > 代码库 > 【边做项目边学Android】手机安全卫士05_1:程序主界面
【边做项目边学Android】手机安全卫士05_1:程序主界面
主界面布局(知识点:GridView)
mainscreen.xml:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/background" android:orientation="vertical" > <GridView android:id="@+id/gv_main" android:layout_width="match_parent" android:layout_height="match_parent" android:horizontalSpacing="10dip" android:verticalSpacing="20dip" android:numColumns="3" > </GridView> </LinearLayout>
android:background="@color/background"--设置背景颜色,此处采用颜色资源文件(/mobilesafe/res/values/color.xml)
color.xml:
<?xml version="1.0" encoding="utf-8"?> <resources> <color name="background">#ff404040</color> <color name="textcolor">#ffd0d0d0</color> </resources>
GridView :
android:numColumns="3"-----列数设置为3列android:horizontalSpacing="10dip"-----两列之间的边距
android:verticalSpacing="20dip"-----两行之间的边距
数据适配MainUIAdapter(知识点:LayoutInflater,BaseAdapter )
MainUIAdapter :
package com.liuhao.mobilesafe.adapter; import com.liuhao.mobilesafe.R; import android.content.Context; import android.content.SharedPreferences; import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.TextView; public class MainUIAdapter extends BaseAdapter { private static final String TAG = "MainUIAdapter"; private Context context;//用于接收传递过来的Context对象 private LayoutInflater inflater; private static ImageView iv_icon; private static TextView tv_name; private SharedPreferences sp; public MainUIAdapter(Context context) { this.context = context; inflater = LayoutInflater.from(context); sp = context.getSharedPreferences("config", Context.MODE_PRIVATE); } // 数据源,子条目的文本内容 private static String[] names = { "手机防盗", "通讯卫士", "软件管理", "任务管理", "上网管理", "手机杀毒", "系统优化", "高级工具", "设置中心" }; // 数据源,子条目的对应图片 private static int[] icons = { R.drawable.widget05, R.drawable.widget02, R.drawable.widget01, R.drawable.widget07, R.drawable.widget05, R.drawable.widget04, R.drawable.widget06, R.drawable.widget03, R.drawable.widget08 }; /** * How many items are in the data set represented by this Adapter. * 在此适配器中所代表的数据集中的条目数 */ @Override public int getCount() { return names.length; } /** * Get the data item associated with the specified position in the data set. * 获取数据集中与指定索引对应的数据项 */ @Override public Object getItem(int position) { return position; } /** * Get the row id associated with the specified position in the list. * 取在列表中与指定索引对应的行id */ @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { //getView()方法被调用了多少次? //9次? //GridView 控件bug // 使用静态变量引用来减少内存中申请的引用的个数 Log.i(TAG, "getView" + position); // 得到布局文件对应的View对象 // inflate()方法一般接收两个参数,第一个参数就是要加载的布局id, // 第二个参数是指给该布局的外部再嵌套一层父布局,如果不需要就直接传null。 View view = inflater.inflate(R.layout.mainscreen_item, null); iv_icon = (ImageView) view.findViewById(R.id.iv_main_icon); tv_name = (TextView) view.findViewById(R.id.tv_main_name); iv_icon.setImageResource(icons[position]); tv_name.setText(names[position]); if(position == 0){ // 从SharedPreferences获取条目的文本内容 String name = sp.getString("lost_name", null); if(!"".equals(name) && null != name){ tv_name.setText(name); } } return view; } }
子条目的布局:
mainscreen_item.xml:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="100dip" android:layout_height="100dip" android:orientation="vertical" android:gravity="center_horizontal" android:background="@drawable/item_background" > <ImageView android:id="@+id/iv_main_icon" android:layout_width="60dip" android:layout_height="60dip" android:src=http://www.mamicode.com/"@drawable/ic_launcher">为每个条目添加背景图(知识点:android:shape)
item_background.xml:
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <!-- 边框 --> <stroke android:width="1dip" android:color="#ff202020" /> <!-- 指定边角 --> <corners android:radius="2dip" /> <!-- 指定固定颜色 --> <solid android:color="@color/background" /> <!-- 渐变色 --> <gradient /> </shape>
MainActivity中使用gv_main = (GridView) this.findViewById(R.id.gv_main); adapter = new MainUIAdapter(this); gv_main.setAdapter(adapter);效果:
GridView中的getView()方法被调用了多少次?9次(9个条目)?
每个条目会多次调用getView()方法;
原因:
GridView的item的layout中android:layout_height定义为wrap_content , 绘制item高度时系统并不知道item应该绘制多高,它会先取一条来试探以确定item绘制的具体高度,这样就导致多调用了一次getView方法。在滑动、长按等GridView需要重绘的情况下,getView的调用次数可能会不止多一次。
解决方法1:
由于多次调用getView()方法,每次都会重新生成一个iv_icon ,tv_name控件对象,从而产生多个对象实例,造成空间浪费。因此,一个简单的优化方法就是,将二者设置为类静态变量:
private static ImageView iv_icon;
private static TextView tv_name;使用静态变量引用来减少内存中申请的引用的个数,这样可以在一定程度上提高效率。
后续还会有其他优化方法。
【边做项目边学Android】手机安全卫士05_1:程序主界面
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。