上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.9 使用Style样式化TextView
1. 实例概述
本节实现了一个使用Style样式化TextView的小程序,通过Style样式化的应用,避免了每次都设置TextView文字大小、TextView颜色等。
2. 运行效果
本案例的运行效果图如图2-9所示。
图2-9 样式化文本效果图
提示: 在本程序开始运行时,在界面中显示如图2-9所示的提示文本信息。
3. 技术概要
本程序通过使用Style样式化TextView,可以实现TextView设置的批量处理。
4. 核心代码
首先介绍的是本程序的主界面main.xml的开发,代码如下。
代码位置:见随书光盘中源代码/第2章/Sample2_9/ res/layout目录下的main.xml。
1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:orientation="vertical" 4 android:layout_width="fill_parent" 5 android:layout_height="fill_parent"> <!--LinearLayout--> 6 <TextView
7 style="@style/style01" 8 android:text="百纳科技" 9 android:id="@+id/TextView01" 10 android:layout_width="wrap_content" 11 android:layout_height="wrap_content"> 12 </TextView> <!--TextView控件--> 13 <TextView 14 style="@style/style02" 15 android:text="百纳科技" 16 android:id="@+id/TextView02" 17 android:layout_width="wrap_content" 18 android:layout_height="wrap_content"> 19 </TextView> <!--TextView控件--> 20 </LinearLayout> <!--LinearLayout-->
上面已经介绍了本程序的主界面main.xml的开发,接下来介绍本程序关键的style.xml文件。
代码位置:见随书光盘中源代码/第2章/Sample2_9/res/valuest目录下的sytle.xml。
1 <?xml version="1.0" encoding="utf-8"?> <!--版本号和编码方式--> 2 <resources> 3 <style name="style01"> 4 <item name="android:textSize">16sp</item> <!--设置大小--> 5 <item name="android:textColor">#FFFFFF</item> <!--设置颜色--> 6 </style> 7 <style name="style02"> 8 <item name="android:textSize">20sp</item> <!--设置大小--> 9 <item name="android:textColor">#fd8d8d</item> <!--设置颜色--> 10 <item name="android:fromAlpha">0.0</item> <!--设置起始的透明度--> 11 <item name="android:toAlpha">0.0</item> <!--设置最终的透明度--> 12 </style> 13 </resources>
上面已经介绍了本程序的main.xml与style.xml的开发,接下来介绍的是本程序的具体功能的实现,代码如下。
代码位置:见随书光盘中源代码/第2章/Sample2_6/src/com/bn/ex2i目录下的Sample2_9_Activity.class。
1 package com.bn. ex2i; //声明包 2 import android.app.Activity; //导入相关类 3 import android.os.Bundle; //导入相关类 4 public class Sample2_9_Activity extends Activity {//继承自Activity类 5 /** Called when the activity is first created. */ 6 @Override 7 public void onCreate(Bundle savedInstanceState) {//重写的方法 8 super.onCreate(savedInstanceState); //调用父类 9 setContentView(R.layout.main); //跳转到主界面 10 }}
提示: 上面的代码主要实现的功能是跳转到主界面,所有显示的工作全部在main.xml中完成。