Android style(样式) 和 theme(主题) 属性

1. 定义

        样式和主题资源都可用于对Android UI组件进行“美化”,只要充分利用好这两个属性资源,我们可以开发出各种风格的应用界面。

        style 样式: 一个样式相当于多个格式的集合,其他UI组件通过style属性来指定样式,样式资源文件时放在/res/values/styles.xml目录下,其根元素为<resources...../> , 该元素内可包含多个<style..../>子元素,每个 <style.../>子元素定义一个样式。

<style..../>元素指定如下两个属性

        name : 指定样式的名称

        parent : 指定继承父类的样式:

<resources>
    <style name="system.theme.test" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
</resources>

        theme 主题:与样式资源相似,主题资源的xml文件也是放在/res/values/themes.xml,  XML文件同样根元素为<resources...../>,同样使用<style..../>元素来定义主题

<resources>
    <style name="Theme.DeskClock.Settings">
        <!-- Attributes from androidx.appcompat.appcompat -->
        <item name="actionBarStyle">@style/Widget.ActionBar</item>
        <item name="colorControlActivated">?attr/colorAccent</item>
        <item name="windowActionBar">true</item>
        <item name="windowNoTitle">false</item>
</resources>

2. 区别

        theme主题一般是作用于整个 Application 或 某个 Activity

        style 样式一般作用于某个控件,比如Button Layout等

3. 使用注意点

        主题在新建项目的时候在AndroidManifest.xml 中一般默认配置了

<application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
          // 默认主题
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
</application>

    假如我们把 android:theme="@style/AppTheme" 去掉,就会报如下错误:

    你必须要给这个app设定一个主题

E AndroidRuntime: Process: com.example.themeactivitytest, PID: 28833
E AndroidRuntime: java.lang.RuntimeException: Unable to start activity ComponentInfo{com.example.themeactivitytest/com.example.themeactivitytest.MainActivit
y}: java.lang.IllegalStateException: You need to use a Theme.AppCompat theme (or descendant) with this activity.

    如果你不想在AndoridManifest.xml文件中配置主题,也可以在onCreate()方法中通过代码设定

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //步骤1. 设置主题
        setTheme(R.style.Theme_NoTitleBar_Fullscreen);
        //步骤2. 加载布局
        setContentView(R.layout.activity_main);
    }

如果这两个步骤顺序写反了,也会报:AndroidRuntime: Caused by: java.lang.IllegalStateException: You need to use a Theme.AppCompat theme (or descendant) with this activity. 错误

4. 常用的主题

常见的主题风格有:
android:theme="@android:style/Theme.Dialog"  灰色背景 将一个Activity显示为对话框模式

android:theme="@android:style/Theme.NoTitleBar" 灰色背景 不显示应用程序标题栏

android:theme="@android:style/Theme.NoTitleBar.Fullscreen" 灰色背景,不显示应用程序标题栏,并全屏

android:theme="@android:style/Theme.Light" 背景为白色

android:theme="@android:style/Theme.Light.NoTitleBar" 白色背景并无标题栏

android:theme="@android:style/Theme.Light.NoTitleBar.Fullscreen" 白色背景,无标题栏,全屏

android:theme="@android:style/Theme.Black" 背景黑色

android:theme="@android:style/Theme.Black.NoTitleBar" 黑色背景并无标题栏

android:theme="@android:style/Theme.Black.NoTitleBar.Fullscreen" 黑色背景,无标题栏,全屏

android:theme="@android:style/Theme.Wallpaper" 用系统桌面为应用程序背景

android:theme="@android:style/Theme.Wallpaper.NoTitleBar" 用系统桌面为应用程序背景,且无标题栏

android:theme="@android:style/Theme.Wallpaper.NoTitleBar.Fullscreen" 用系统桌面为应用程序背景,无标题栏,全屏

android:theme="@android:style/Theme.Translucent"  半透明

android:theme="@android:style/Theme.Translucent.NoTitleBar" 半透明、无标题栏

android:theme="@android:style/Theme.Translucent.NoTitleBar.Fullscreen" 半透明、无标题栏、全屏

android:theme="@android:style/Theme.Panel"   面板风格显示

如果配置为   android:theme="@android:style/Theme.NoDisplay"  此界面不显示,一般用于Activity传递纯数据,不需要界面显示的场景

需要注意事项就是需要在onResume 生命周期方法之前调用finish() 方法结束掉此Activity,否则报错:E AndroidRuntime: Caused by: java.lang.IllegalStateException: Activity  did not call
finish() prior to onResume() completing

5. 更多主题

        可以查看源码         样式 和  主题路径:

      framework/base/core/res/res/values/themes.xml

      framework/base/core/res/res/values/themes_material.xml       M- design风格的

      framework/base/core/res/res/values/styles.xml  

      framework/base/core/res/res/values/styles_material.xml        M- design风格的

android:theme="@android:style/Theme.Material.NoActionBar.Fullscreen"   M风格 无标题,全屏主题

android:theme="@android:style/Theme.Material.Light.Dialog"    Material风格 白色 Dialog主题

android:theme="@android:style/Theme.Material.Wallpaper"    Material风格 背景为壁纸的主题

android:theme="@android:style/Theme.Material.Settings"     Material风格类似设置模块主界面
    

比较类似,根据实际需求配置主题

6、更新

#2023.01.06

//继承系统内建的style(继承Framework中theme的属性是需要“android:”开头)
<style name="GreenText" parent="@android:style/TextAppearance">
    <item name="android:textColor">#00FF00</item>
</style>

//继承自AppCompat下的style(继承Support Library中theme的属性是不需要“android:”开头的)
<style name="Theme.ThemeActivity" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:textColor">#00FF00</item>
</style>

Material Color system
如果使用的是Material Theme,它提供了很多的 color attribute 使用:

colorPrimary : 顧名思義,就是主要的顏色,這個通常指得是 App 本身產品的代表色,通常也是品牌的主要視覺色
colorPrimaryVariant:主要顏色的變體,通常會從 colorPrimary 往較淡或較濃的色澤
colorOnPrimary:字面意思就是主要顏色上頭的顏色,這個顏色通常使用在背景色是主要顏色的元件上頭(例如字樣 Label 、icon 等)
colorSecondary:app 次要的品牌顏色,這些用於裝飾某些特定需要的 widget
colorSecondaryVariant:次要顏色的變體,也就是次要顏色偏暗或偏亮的樣式
colorOnSecondary:用於顯示於次要顏色上元件的顏色
colorError:顯示錯誤的顏色 (最常見的就是紅色)
colorOnError:在錯誤顏色上頭元件的顏色
colorSurface:表層顏色(就是 Sheet 的顏色)
colorOnSurface:在表層顏色上的的元件顏色
android:colorBackground:最底的背景色
colorOnBackground:用於對底背景色上頭的元件用的顏色
利用这些属性,搭配上面的那些技巧,可以組合出很棒的效果。

 

引用私有style报错:

AAPT: error: resource android:style/Theme.Leanback.Dialog is private.
error: failed linking references.

解决方法:

之前写法:

@android:style/Theme.Leanback.Dialog     //报错

改为引用私有资源:   加上*号

@*android:style/Theme.Leanback.Dialog    //正常使用


@*代表引用系统的非public资源。
 

  • 3
    点赞
  • 38
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值