android app使用v7 appcompat library設定全域性樣式
阿新 • • 發佈:2019-02-16
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
祝好!