AndroidStyle样式表

Android中的Style是一些属性的集合&＃xff0c;包括height&＃xff0c;padding&＃xff0c;font color&＃xff0c;background等等&＃xff0c;基本上布局文件中的属性&＃xff0c;这里都可以找到。Style单独定义在xml文件中&＃xff0c;类似与web页面中css的角色&＃xff0c;将设计和内容分开&＃xff0c;便于修改和重复使用&＃xff0c;一方面可以提高代码的复用性&＃xff0c;另一方面也能保证UI视图的一致性&＃xff0c;同时可以增强代码的可维护性。

下面通过一个实例学习一下Style的用法&＃xff0c;在values文件夹下的styles文件下&＃xff0c;添加如下代码&＃xff1a;

可以看出一个样式表由Style标签包裹&＃xff0c;同时定义了name属性用于引用。标签中每一个Item就是一个属性&＃xff0c;这里设置了字体大小、字体颜色、布局位置、背景、margin等属性。

在TextView中用style引入我们定义的样式表&＃xff0c;如下&＃xff1a;

xml version&＃61;"1.0" encoding&＃61;"utf-8"?>
xmlns:android&＃61;"http://schemas.android.com/apk/res/android"
   android:layout_width&＃61;"match_parent"
   android:layout_height&＃61;"match_parent"
   android:orientation&＃61;"vertical">

   <TextView
       android:layout_width&＃61;"match_parent"
       android:layout_height&＃61;"wrap_content"
       style&＃61;"&＃64;style/textStyle"
       android:text&＃61;"Hello World!" />
   <TextView
       android:id&＃61;"&＃64;&＃43;id/tv"
       android:layout_width&＃61;"match_parent"
       android:layout_height&＃61;"wrap_content"
       style&＃61;"&＃64;style/textStyle"
       android:text&＃61;"Hello World!" />
   <TextView
       android:layout_width&＃61;"match_parent"
       android:layout_height&＃61;"wrap_content"
       style&＃61;"&＃64;style/textStyle"
       android:text&＃61;"Hello World!" />
   

这时运行实例如下&＃xff1a;

可以看出每一个TextView都是同样的样式。

当然&＃xff0c;设置了style之后还是可以继续设置style里的属性&＃xff0c;同时也可以在代码中设置相应的属性&＃xff0c;修改代码如下&＃xff1a;

xml version&＃61;"1.0" encoding&＃61;"utf-8"?>
xmlns:android&＃61;"http://schemas.android.com/apk/res/android"
   android:layout_width&＃61;"match_parent"
   android:layout_height&＃61;"match_parent"
   android:orientation&＃61;"vertical">

           android:layout_width&＃61;"match_parent"
       android:layout_height&＃61;"wrap_content"
       style&＃61;"&＃64;style/textStyle"
       android:textSize&＃61;"24dp"
       android:text&＃61;"Hello World!" />
           android:id&＃61;"&＃64;&＃43;id/tv"
       android:layout_width&＃61;"match_parent"
       android:layout_height&＃61;"wrap_content"
       style&＃61;"&＃64;style/textStyle"
       android:text&＃61;"Hello World!" />
           android:layout_width&＃61;"match_parent"
       android:layout_height&＃61;"wrap_content"
       style&＃61;"&＃64;style/textStyle"
       android:text&＃61;"Hello World!" />

这时效果如下&＃xff1a;

    在代码里设置&＃xff1a;

public class MainActivity extends AppCompatActivity {
   private TextView mTexView;

   &＃64;Override
   protected void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.activity_main);
       mTexView&＃61;(TextView)findViewById(R.id.tv);
       mTexView.setTextSize(14);
   }
}

运行实例如下&＃xff1a;

可以看出&＃xff0c;同时在Style、布局文件中和代码中同时设置同一属性时&＃xff0c;代码中设置优先级最高、其次是布局文件、优先级最低的是在Style中设置。

为了更好地体现代码的复用性&＃xff0c;Style也支持继承&＃xff0c;查看如下代码&＃xff1a;

可以通过parent属性获得Style的继承&＃xff0c;运行实例如下&＃xff1a;

可以看出&＃xff0c;textStyle继承了red的textColor属性。除了单继承之外&＃xff0c;还支持多重继承&＃xff0c;如下&＃xff1a;

运行实例如下&＃xff1a;

除了使用parent继承之外&＃xff0c;对于自定义的Style还可以使用"."进行继承&＃xff0c;如下&＃xff1a;

运行实例可以得到一样的效果。

除了可以继承自定义的Style之外&＃xff0c;还可以继承系统Style&＃xff1a;

name&＃61;"textStyle" parent&＃61;"Base.TextAppearance.AppCompat.Display4">
   name&＃61;"android:gravity">center_horizontal
   name&＃61;"android:background">#ffffff
   name&＃61;"android:layout_margin">5dp

运行实例&＃xff1a;

谢谢关注我的微信公众号&＃xff0c;觉得好可以分享到朋友圈哦.

请关注我的新浪微博&＃xff1a;AndroidTip

CSDN博客&＃xff1a;http://blog.csdn.net/yayun0516