android样式的简单使用

了解android中的样式

• android中可以通过设置xml文件，指定特定view的样式，activity也可以指定特定样式
• 这里先从简单的例子了解和使用样式

设置view的样式

• 给textview设置样式，一般如果应用中textview有多处地方的样式一样，可以抽取到res/values/styles.xml文件中统一设置，在布局文件中通过@style/xxx的方式指定即可，这里所指的样式，跟网页中的css样式一样，都是为了统一风格和代码重用而设计。
• 第一种方式是在res/values/styles.xml文件中指定样式，第二种方式也是在res/values/目录下，但文件名可以根据需要随意起,但注意，xml文件名只能小写。这里为了方便，介绍第二种方式，其实可以统一到styles.xml中。

实现步骤

• 在res/values目录下创建textstyles.xml文件，用于指定文本样式

  <?xml version="1.0" encoding="utf-8"?><resources>    <style name="textStyle">        <item name="android:textColor">#600f</item>        <item name="android:layout_width">wrap_content</item>        <item name="android:layout_height">wrap_content</item>        <item name="android:background">@drawable/bg</item>        <item name="android:textSize">18sp</item>    </style></resources>

• 布局文件中引用样式

  <TextView        style="@style/textStyle"        android:text="我是第一个文本"/>

• 这样，如果有需要重复使用的文本就可以直接引用就可以，有些情况我们只要使用到样式中的一部分，另一部分需要个性化，这时跟类的继承关系一样，可以继承父样式，然后复写指定属性就可以了，如：

  <?xml version="1.0" encoding="utf-8"?><resources>    <style name="textStyle">        <item name="android:textColor">#600f</item>        <item name="android:layout_width">wrap_content</item>        <item name="android:layout_height">wrap_content</item>        <item name="android:background">@drawable/bg</item>        <item name="android:textSize">18sp</item>    </style>    <style name="textStyle.Black">        <item name="android:layout_marginTop">10dp</item>        <item name="android:textColor">#000</item>    </style></resources>

• 布局文件中使用

   <TextView        style="@style/textStyle"        android:text="我是第一个文本"/>    <TextView        style="@style/textStyle.Black"        android:text="我是继承第一个文本并修改颜色"/>

对于activity的样式，应该叫做主题了

• 可以直接使用系统提供的各种样式，也可以根据需要进行修改，比如使用系统提供的样式，在AndroidManifest文件中activity节点下添加一下样式，让activity以一个dialog的方式启动

  <activity android:name=".MainActivity"    android:theme="@style/Theme.AppCompat.Dialog">

• 效果如下：

• 但是不是系统提供的所有样式都能用，需要兼容当前版本，如果使用不当会导致程序挂掉。

• 也可以通过自定义样式，来实现不同的需求，如在res/values目录下创建mainstyle.xml文件

  <?xml version="1.0" encoding="utf-8"?><resources>    <style name="MainStyle" parent="Theme.AppCompat.NoActionBar">    <item name="android:windowBackground">@color/colorWindow</item>    </style></resources>

• AndroidManifest文件中activity节点下指定样式

  <activity android:name=".MainActivity"        android:theme="@style/MainStyle">

• 效果如下：

兼容不同版本

• 之前说因为有些主题由于当前版本不支持导致程序崩溃，这就需要做版本适配了，对于适配主题，官方的建议是创建不同的资源文件，如android5.0出现的一些新特性需要使用，则需创建res/values-v21用来放置我们指定的主题文件。

• 再拿我们上面举的例子来说，有时候我们需要我们的背景侵入到系统栏中，比如现在的QQ，这时候android4.4以上给我们提供这样的属性，可以方便的使用，但在这之前是用不了的，会报错，所以需要做兼容，创建目录res/values-v21，把我们的mainstyle.xml放进去，然后修改成这样

  <?xml version="1.0" encoding="utf-8"?><resources>    <style name="MainStyle" parent="Theme.AppCompat.NoActionBar">        <item name="android:windowTranslucentStatus">false</item>        <item name="android:windowTranslucentNavigation">true</item>        <!--Android 5.x开始需要把颜色设置透明，否则导航栏会呈现系统默认的浅灰色-->        <item name="android:statusBarColor">@android:color/transparent</item>        <!--窗体的背景，相当于我们做网页的背景，这里为了突出直接放一张图片-->        <item name="android:windowBackground">@drawable/e</item>    </style></resources>

• 这里还需要注意一下，使用侵入系统栏的样式时，需要在布局文件中加入这么一句android:fitsSystemWindows="true" ，否则我们的内容也跟着布局到系统栏中，看起来不太合适

  <LinearLayout    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:fitsSystemWindows="true"  //就是这句    android:layout_height="match_parent"    android:orientation="vertical"    tools:context="skxy.dev.demo.MainActivity">    <TextView        style="@style/textStyle"        android:text="我是第一个文本"/>    <TextView        style="@style/textStyle.Black"        android:text="我是继承第一个文本并修改字体颜色"/></LinearLayout>

• 要使用自定义的主题，别忘了在清单文件中引用

  <activity android:name=".MainActivity"    android:theme="@style/MainStyle">

• 最后看看效果：

• 怎么样，瞬间感觉和谐了点哈哈~

动态切换主题

• 有时候还需要动态的切换主题，比如白天黑夜主题切换，这个怎么实现呢，这里就需要先准备好两套主题，然后监听客户的选择，动态修改主题就Ok了，这里为了方便，就使用上面写好的这两套主题

MainActivity中的逻辑实现

• 这里主要处理监听的逻辑和状态保存就可以了

  package skxy.dev.demo;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.View;public class MainActivity extends AppCompatActivity{    private int THEMEID = -1;// 设置主题id    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        if (savedInstanceState != null) {            if (savedInstanceState.getInt("theme", -1) != -1) {                THEMEID = savedInstanceState.getInt("theme");                this.setTheme(THEMEID); // 设置主题皮肤            }        }        setContentView(R.layout.activity_main);    }    public void themeone(View view) {        //设置主题mainStyle        setMyTheme(R.style.MainStyle);    }    public void themetow(View view) {        //设置主题AppTheme        setMyTheme(R.style.AppTheme);    }    private void setMyTheme(int themId) {        THEMEID = themId;        recreate();    }    // 保存主题ID，onCreate 时读取主题    @Override    public void onSaveInstanceState(Bundle outState) {        super.onSaveInstanceState(outState);
  //这里需要说明一下，这保存的状态只有在应用内切换不同界面时，或者不退出应用，切换到其他应用，保存的这个状态才能拿到，
  //如果用户按返回键退出应用了，则第二次进来还是使用默认的主题，如果需要持久化保存用户的选择，应该使用本地持久化缓存        outState.putInt("theme", THEMEID);    }}

• 为了照顾初学者，这里还是贴一下布局文件

  <?xml version="1.0" encoding="utf-8"?><LinearLayout    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:fitsSystemWindows="true"    android:layout_height="match_parent"    android:orientation="vertical"    tools:context="skxy.dev.demo.MainActivity">    <TextView        style="@style/textStyle"        android:text="我是第一个文本"/>    <TextView        style="@style/textStyle.Black"        android:text="我是继承第一个文本并修改字体颜色"/>    <Button        android:onClick="themeone"        style="@style/textStyle.Black"        android:text="主题1"/>    <Button        android:onClick="themetow"        style="@style/textStyle.Black"        android:text="主题2"/></LinearLayout>

• 最后看看效果：