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
祝好!