1. 程式人生 > >android app使用v7 appcompat library設定全域性樣式

android app使用v7 appcompat library設定全域性樣式

1.簡單介紹下v7 appcompat library

v7 appcompat library是Google為了相容高低版本UI體驗一致的jar,這個包依賴於v4 Support Library

下面是谷歌的官方介紹


2.android studio 引入appcompat-v7包

step1:右擊專案-Open Module Settings


step2:選擇Dependencies點選“+”號


step3:點選library dependency選擇appcompat-v7即可。


引入成功


3.設定app全域性style吐舌頭

<resources>
    <!-- Base application theme. -->
    <style name="AppBaseTheme" parent="Theme.AppCompat.Light">
    </style>
    <!-- Application theme.-->
    <style name="AppTheme" parent="AppBaseTheme">
        <!-- Customize your theme here. -->
        <!-- 所有文字的顏色。 -->
        <item name="android:textColor">@color/baseTextColor</item>
        <!-- 主色 -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <!-- 主色偏暗 -->
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <!-- 各個控制元件的基調顏色CheckBox、RadioButton、ProgressBar等等-->
        <item name="colorAccent">@color/colorAccent</item>
        <!--window背景色. -->
        <item name="android:windowBackground">@color/custom_background</item>
        <!-- 虛擬導航欄顏色. -->
        <item name="android:navigationBarColor">@color/baseTextColor</item>
    </style>

</resources>


4.xml簡單佈局以及效果圖

這個佈局是隨便拖的很簡單,可以跳過直接看效果。

程式碼如下:

<?xml version="1.0" encoding="utf-8"?>
<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.angelina.mytheme.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:id="@+id/textView2" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:id="@+id/textView"
        android:layout_below="@+id/textView2"
        android:layout_alignParentStart="true"
        android:layout_marginTop="34dp" />

    <RadioButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New RadioButton"
        android:id="@+id/radioButton"
        android:layout_below="@+id/textView"
        android:layout_alignParentStart="true"
        android:layout_marginTop="24dp" />

    <RatingBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/ratingBar"
        android:layout_below="@+id/radioButton"
        android:layout_alignParentStart="true"
        android:layout_marginTop="25dp" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Button"
        android:id="@+id/button"
        android:layout_centerVertical="true"
        android:layout_alignParentStart="true" />

    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New CheckBox"
        android:id="@+id/checkBox"
        android:layout_below="@+id/button"
        android:layout_alignEnd="@+id/button"
        android:layout_marginTop="37dp" />

</RelativeLayout>

這是效果圖:

over

祝好!微笑