Android初试--Android中的样式与主题

「爱情、让人受尽委屈。」 2022-08-26 04:50 210阅读 0赞

Android中的样式与CSS样式作用相似，都是用于为界面元素定义显示风格，它是一个包含一个或者多个view控件属性的集合。

例如，在CSS中定义字体的颜色和大小：

.mycss\{color:\#FFFFCC; font-size:18px;\}

</style>

使用上面的CSS样式：<div class="mycss">使用样式</div>

Android中的样式的使用：

我们先来看看没有使用样式的情况：

res/layout文件夹下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"

<TextView

android:id="@+id/testview1"

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="没有使用样式的TestView" />

</RelativeLayout>

没有使用样式的界面的效果：

![SouthEast][]

在styles.xml文件里声明样式的情况：

res/values文件夹下的styles.xml

<!--

Base application theme, dependent on API level. This theme is replaced

by AppBaseTheme from res/values-vXX/styles.xml on newer devices.

\-->

<!--

Theme customizations available in newer API levels can go in

res/values-vXX/styles.xml, while customizations related to

backward-compatibility can go here.

\-->

</style>

</style>

</style>

</resources>

在布局文件中应用自己定义的样式：

res/layout文件夹下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"

<TextView

android:id="@+id/testview1"

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

style="@style/textViewMyStyle1"

android:text="使用样式的TestView" />

</RelativeLayout>

使用样式的布局界面效果：

![SouthEast 1][]

样式也是可以继承的

3.1第一种继承方式：

res/values文件夹下的styles.xml

<!--

Base application theme, dependent on API level. This theme is replaced

by AppBaseTheme from res/values-vXX/styles.xml on newer devices.

\-->

<!--

Theme customizations available in newer API levels can go in

res/values-vXX/styles.xml, while customizations related to

backward-compatibility can go here.

\-->

</style>

</style>

</style>

</style>

</resources>

在布局文件中应用自己定义的样式：

res/layout文件夹下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"

<TextView

android:id="@+id/testview1"

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

style="@style/textViewStyle2"

android:text="继承样式的TestView1" />

</RelativeLayout>

使用样式的布局界面效果：

![SouthEast 2][]

3.2第二种继承方式：

res/values文件夹下的styles.xml

<!--

Base application theme, dependent on API level. This theme is replaced

by AppBaseTheme from res/values-vXX/styles.xml on newer devices.

\-->

<!--

Theme customizations available in newer API levels can go in

res/values-vXX/styles.xml, while customizations related to

backward-compatibility can go here.

\-->

</style>

</style>

</style>

</style>

</resources>

在布局文件中应用自己定义的样式：

res/layout文件夹下activity\_main.xml文件

![SouthEast 3][]

Android中的主题是用于为应用定义显示风格，它的定义和样式的定义相同。

res/values文件夹下的styles.xml

<!--

Base application theme, dependent on API level. This theme is replaced

by AppBaseTheme from res/values-vXX/styles.xml on newer devices.

\-->

<!--

Theme customizations available in newer API levels can go in

res/values-vXX/styles.xml, while customizations related to

backward-compatibility can go here.

\-->

</style>

</style>

</style>

</style>

<item name="android:windowFullscreen">?android:windowNoTitle</item>

</style>

</resources>

上面"?android:windowNoTitle"中的问号用于引用在当前主题中已定义的资源的值。

将应用与整个应用程序

在AndroidManifest.xml中为应用设置上面定义的主题：

<application

android:allowBackup="true"

android:icon="@drawable/ic\_launcher"

android:label="@string/app\_name"

android:theme="@style/myTheme" >

效果：

![SouthEast 4][]

除了在AndroidManifest.xml中可以设置主题，也可以在代码中设置主题，如下：

setTheme(R.style.myTheme);

尽管在定义上，样式和主题基本相同，但是它们使用的地方不同：

1.样式用于单独的View，例如：EditText、TextView等；

2.主题通过AndroidManifest.xml中的<application>和<activity>用于整个应用或者某个Activity，主题对整个应用或某个Activity进行全局性影响。

3.如果一个应用使用了主题，同时应用下的View也使用了样式，那么当主题和样式属性发生冲突时，样式的优先级高于主题。

此外系统定义的一些常有主题:

对话框风格

透明风格

[SouthEast]: /images/20220824/722bc37fb42741e4b906c16bbacea4a6.png
[SouthEast 1]: /images/20220824/22e86c52475e4ad68e72537193f9e816.png
[SouthEast 2]: /images/20220824/e7a66756a19a4d24a4fae88377dabd96.png
[SouthEast 3]: /images/20220824/402ac4938faf4f0d8c63ce12739fd86d.png
[SouthEast 4]: /images/20220824/5f7810cb242b4a5381d23a440dd87d18.png