Android小项目之十一 应用程序的主界面

------- 源自梦想、永远是你IT事业的好友、只是勇敢地说出我学到！ ----------

按惯例，写在前面的：可能在学习Android的过程中，大家会和我一样，学习过大量的基础知识，很多的知识点也都能说出了123来，但是这些孤立的点终究显得太零散了，因此，我想从今天开始，以最经典的手机安全卫士项目为例，自己锻炼一下，也是想和大家交流交流，希望大家都能给出见解，共同进步。

十一、应用程序的主界面

之前的完成以后，用户每次打开都会有更新提醒，这样对于用户来说是很烦的。用户体验就不是特别好了。

因此我们需要这样一个选项，在用户选择关闭更新提醒的时候，就不会显示提醒，直接进入主界面。



设置中心》设置。。。



下面先做下主界面（LinearLayout）：

1.标题：

具体代码：

			    <TextView
					style="@style/text_title_style"
					android:text="手机卫士" />

这里我们把TextView的样式抽取到样式文件中，

具体代码：

			    <style name="text_title_style">
					<item name="android:layout_width">fill_parent</item>
					<item name="android:layout_height">50dp</item>
					<item name="android:gravity">center</item>
					<item name="android:background">#8066ff00</item>
					<item name="android:textColor">#000000</item>
					<item name="android:textSize">20sp</item>
				</style>

之后再用到这个TextView的时候就直接使用style="@style/text_title_style"即可。

同样我们自己可以做一些常用的style.



2.下面我们做一个滚动的TextView

具体代码：

			    <TextView
					style="@style/fill_wrap_style"
					android:singleLine="true"
					android:ellipsize="marquee"
					android:text="我是您的手机小卫士，专门保护您的手机，快些使用下面的功能吧，随时随地为您服务！"/>

3.下面就是各个功能模块，使用GridView。

指定列数为3.

		    <GridView
				style="@style/fill_style"
				android:id="@+id/gv_home"
				android:numColumns="3"
				></GridView>

指定各模块的图片和名称：

			private static final String[] names = {"手机防盗","通讯卫士","软件管理","进程管理"
									,"流量统计","手机杀毒","系统优化","高级工具","设置中心"};
			private static final 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};

定义一个适配器HomeAdapter，继承BaseAdapter。复写getView方法。

在这之前我们先写一个list_home_item.xml文件，里面是一个ImageView和一个TextView。

具体代码：

				    <ImageView
						android:id="@+id/iv_home_icon"
						android:layout_width="50dip"
						android:layout_height="50dip"
						android:src="@drawable/app"
						/>

					<TextView
						android:id="@+id/tv_home_name"
						style="@style/wrap_style"
						android:text="手机防盗"
						android:textColor="#000000"
						android:textStyle="bold"
						/>

上面的src和text仅为演示用。演示后应删除掉。

HomeAdapter的getView方法具体代码：

					@Override
					public View getView(int position, View convertView, ViewGroup parent) {
						//把布局文件转化成View对象
						View view = View.inflate(getApplicationContext(), R.layout.list_home_item, null);
						ImageView iv_home_icon = (ImageView) view.findViewById(R.id.iv_home_icon);
						iv_home_icon.setImageResource(icons[position]);
						TextView tv_home_name = (TextView) view.findViewById(R.id.tv_home_name);
						tv_home_name.setText(names[position]);
						return view;
					}

还要记得写getCount()方法，不然显示为0个功能模块：

				public int getCount() {
					return names.length;
				}

小问题：

1几个模块靠的太近，要显示有一些距离：

在<GridView下设置网格垂直方向间距：android:verticalSpacing="10dp"



2设置界面没有标题栏。



3滚动文本没有自动滚动。

若想要其滚动，应该设置focusabelInTouchMode为True.

需要新建类，重写TextView方法。

具体代码：

						public class FocusTextView extends TextView {
							public FocusTextView(Context context, AttributeSet attrs, int defStyle) {
								super(context, attrs, defStyle);
							}

							public FocusTextView(Context context, AttributeSet attrs) {
								super(context, attrs);
							}

							public FocusTextView(Context context) {
								super(context);
							}
							@Override
							@ExportedProperty(category = "focus")
							public boolean isFocused() {
								return true;
							}
						}

再将滚动文本的标签改为com.dongdong.phonesafe.ui.FocusTextView即可。

------- 源自梦想、永远是你IT事业的好友、只是勇敢地说出我学到！ ----------