Android之样式和主题

样式可以定义在XML资源文件，使得XML文件和布局分离

在清单文件AndroidManifest.xml中修改android:theme="@style/AppTheme"，即设置主题，意味着整个apk应用都是某个主题，这样范围是最大的。

一、新建工程Android_StyleAndTheme中res下values中创建textfont.xml文件

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- font style -->
    <style name="CodeFont" parent="@android:style/TextAppearance.Medium">
        <item name="android:layout_width">fill_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:typeface">monospace</item>
    </style>

    <style name="CodeFont.Red">
        <item name="android:textColor">#FF0000</item>
    </style>

    <style name="CodeFont.Red.Big">
        <item name="android:textSize">40sp</item>
    </style>

    <style name="viewbackground">
        <item name="android:background">#FF00FF</item>
    </style>
    
    <!-- button style -->
    <style name="buttonstyle">
        <item name="android:layout_width">200dp</item>
        <item name="android:layout_height">100dp</item>
        <item name="android:textColor">#00FF00</item>
        <item name="android:paddingTop">80dp</item>
        <item name="android:textSize">30sp</item>
    </style>

    <color name="textcolor">#CCCCCC</color>

    <!-- 修改输入框的输入类型 -->
    <style name="password">
        <item name="android:inputType">textPassword</item>
    </style>

    <!-- 设置app的主题和样式 -->
    <color name="custom_theme_color">#b0b0ff</color>
    <style name="CustomTheme" parent="android:Theme.Light">
        <item name="android:windowBackground">@color/custom_theme_color</item>
        <item name="android:colorBackground">@color/custom_theme_color</item>
    </style>

</resources>

二、在activity_main.xml中添加按钮和文本框

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.android_styleandtheme.MainActivity" >

    <!-- android:textColor="@color/textcolor" -->
    <TextView
        android:id="@+id/textView1"
        style="@style/CodeFont"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

    <Button
        android:id="@+id/button1"
        style="@style/buttonstyle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@+id/textView1"
        android:layout_below="@+id/textView1"
        android:layout_marginTop="33dp"
        android:text="Button" />

    <TextView
        android:id="@+id/textView2"
        style="@style/CodeFont.Red.Big"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/button1"
        android:layout_centerVertical="true"
        android:text="TextView" />

    
    <EditText
        android:id="@+id/editText1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/textView2"
        android:layout_marginTop="26dp"
        style="@style/password"
        android:ems="10" >

    </EditText>

</RelativeLayout>

运行效果图