美文网首页
Style - Theme 的 基本介绍

Style - Theme 的 基本介绍

作者: ZHDelete | 来源:发表于2018-08-16 10:55 被阅读68次

    转自:

    【Android开发基础】应用界面主题Theme使用方法

    Android 应用界面风格与主题(style and theme)


    Theme(主题)用来统一的设置界面UI风格,可以设置整个应用或某个Activity的界面风格,在Android SDK中,内置了很多Theme,下面是最基本的几种,可以按照TitleBar(标题栏) 和 StatusBar(状态栏) 是否可见,来分类,

    状态栏,标题栏均可见 状态栏,标题栏均可见 状态栏,标题栏均可见
    Theme Tmeme.NoTitleBar Theme.NoTitleBar.FullScreen
    Theme.Black Tmeme.Black.NoTitleBar Theme.Black.NoTitleBar.FullScreen
    Theme.Light Tmeme.Light.NoTitleBar Theme.Light.NoTitleBar.FullScreen
    Theme.Translucent Tmeme.Translucent.NoTitleBar Theme.Translucent.NoTitleBar.FullScreen

    配置在%SDK_Path%\platforms\android-27\data\res\values下的themes文件里
    对应AppCompatTheme,则是配置在C:\Users\Administrator\.gradle\caches\transforms-1\files-1.1\appcompat-v7-27.1.1.aar\28c239edf41f12a3f46e99d58cbb0dcf\res\values里的,这个很复杂,笔者自己看不懂

    下面具体说明在xml里使用Theme都代表什么:

    •android:theme="@android:style/Theme.Dialog"   将一个Activity显示为能话框模式
    •android:theme="@android:style/Theme.NoTitleBar"  不显示应用程序标题栏
    •android:theme="@android:style/Theme.NoTitleBar.Fullscreen"  不显示应用程序标题栏,并全屏
    •android:theme="Theme.Light"  背景为白色
    •android:theme="Theme.Light.NoTitleBar"  白色背景并无标题栏 
    •android:theme="Theme.Light.NoTitleBar.Fullscreen"  白色背景,无标题栏,全屏
    •android:theme="Theme.Black"  背景黑色
    •android:theme="Theme.Black.NoTitleBar"  黑色背景并无标题栏
    •android:theme="Theme.Black.NoTitleBar.Fullscreen"    黑色背景,无标题栏,全屏
    •android:theme="Theme.Wallpaper"  用系统桌面为应用程序背景
    •android:theme="Theme.Wallpaper.NoTitleBar"  用系统桌面为应用程序背景,且无标题栏
    •android:theme="Theme.Wallpaper.NoTitleBar.Fullscreen"  用系统桌面为应用程序背景,无标题栏,全屏
    •android:theme="Translucent"  半透明
    •android:theme="Theme.Translucent.NoTitleBar" 半透明、无标题栏
    •android:theme="Theme.Translucent.NoTitleBar.Fullscreen" 半透明、无标题栏、全屏
    •android:theme="Theme.Panel" 不知道干嘛的,不常用
    •android:theme="Theme.Light.Panel" 不知道干嘛的,不常用
    
    

    这些主题可以应用到整个应用Application范围或者某个活动Activity范围中。

    应用Application范围
    在AndroidManifest.xml中的application节点中设置theme属性,主题theme应用到整个应用程序中。

        <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="@android:style/Theme.Black.NoTitleBar">
    

    活动Activity范围
    使用java代码或者在AndroidManifest.xml中对活动Activity的主题进行设置,主题仅应用到当前活动中。
    在AndroidMainifest.xml设置方法:

            <activity android:name=".xxxxActivity"
                android:theme="@android:style/Theme.Black.NoTitleBar"
                >
                <intent-filter>
                    <action android:name="android.intent.action.MAIN" />
    
                    <category android:name="android.intent.category.LAUNCHER" />
                </intent-filter>
            </activity>
    

    使用java代码进行设置,在当前活动Activity的onCreate中进行设置:

    @Override
    public void onCreate(Bundle savedInstanceState){
    super.onCreate(savedInstanceState);
    setTheme(android.R.style.Theme_Translucent_NoTitleBar);
    setContentView(R.layout.main);
    }
    

    下面的转自: Android 应用界面风格与主题(style and theme)

    1、什么是Style,什么是Theme?

    Theme 是<style></style> 标签,只不过这个标签名 叫xxxTheme了,但是在Manifext里却有theme这个属性来指明应用那个theme,同时 在 layoutXml也有style这个属性来指明应用哪个style文字形容很拗口,看下面:

    • 配置在%SDK_Path%\platforms\android-27\data\res\values下的themes文件里的Theme

      <style name="Theme">
    
            <item name="isLightTheme">false</item>
            <item name="colorForeground">@color/bright_foreground_dark</item>
            <item name="colorForegroundInverse">@color/bright_foreground_dark_inverse</item>
            <item name="colorBackground">@color/background_dark</item>
            <item name="colorBackgroundFloating">?attr/colorBackground</item>
            <item name="colorBackgroundCacheHint">?attr/colorBackground</item>
    .........省略代码
            <item name="autofillSaveCustomSubtitleMaxHeight">@dimen/autofill_save_custom_subtitle_max_height</item>
        </style>
    
    • 引用theme 属性

        <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">
    
    • 引用style属性

        <TextView
            style="?android:buttonStyleSmall"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Hello World" />
    

    2、如何定义theme 和 style

    字需要在res/values 这个路径下,新建一个attr.xml文件,而且他的根节点必须是<resource></resource>,对于每一个style,可以给其赋予一个全局唯一的名字xxxTheme,也可以选择增加一个parent父类属性,这个theme就会继承这个父类的属性,我们就可以在标签内,覆盖相应的我们想修改的属性.

    style 和 theme的是一样的,不过style是针对view的,比如TextView,EditText这些,而Theme必须针对整个activity或整个application,需要我们在AndroidManifest.xml里,的<application>标签或<activity>标签中引用

    style.jpg style_父类.jpg

    可以看到这个style的名字为CodeFont。 parent后面就是父类的style, CodeFont继承这个父类的属性。可以看到这个父类的style是android中默认的,你也可以继承你自定义的style,这时候不需要再写 parent属性,而是使用ContFont.red这样的方式,而且你可以继续继承,写成ContFont.red.small。 接下来 每一个item定义一个属性。定义属性的最好方法就是在api文档里找到这个view的xml属性,比如在EditText中有InputType 这个属性,那么在你的style里面你就可以来定义它。

    这样一个style就写好了。

    使用也非常简单,我们只要在写我们的view时,加入style标签就可以了,就像这样

    <TextView
        style="@style/CodeFont"
        android:text="@string/hello" />
    

    现在这个TextView 组件的所表现出来的风格就为我们在上边的XML文件中所定义的那样。

    下面讲讲主题,主题需要在AndroidManifest.xml里引用,如果你想真个程序都使用这个主题,要像下面这样写:

    <application android:theme="@style/CustomTheme">
    

    如果你只需要在某个Activity中使用主题,那么只要在Activity标签中写入android:theme= 就可以了,android有很多好的默认主题,比如

    <activity android:theme="@android:style/Theme.Dialog">
    

    这就会使你的整个Activity变成一个对话框形式。

    或者,如果你希望背景是透明的,可以这样写

    <activity
    android:theme="@android:style/Theme.Translucent">
    

    3、关于theme 和 style的内容:

    style 是针对与各种View的,隐藏style的内容,我们不多赘述,止需要查询相应View的属性,即可

    下面详述一下theme的内容:

    同样的我们也可以继承父类theme,写法和style一样。你也可以自己定义一个theme,写个例子

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
     <style name="CustomTheme">
     <item name="android:windowNoTitle">true</item>
     <item name="windowFrame">@drawable/screen_frame</item>
     <item name="windowBackground">@drawable/screen_background_white</item>
     <item name="panelForegroundColor">#FF000000</item>
     <item name="panelBackgroundColor">#FFFFFFFF</item>
     <item name="panelTextColor">?panelForegroundColor</item>
     <item name="panelTextSize">14</item>
     <item name="menuItemTextColor">?panelTextColor</item>
     <item name="menuItemTextSize">?panelTextSize</item>
     </style>
    </resources>
    

    如果你要在java代码中加载主题的话,只要用setTheme(R.style.CustomTheme)就可以了,不过记得一定要在初始化任何view之前,比如一定要放在我们常用的setContentView()之前。通常,不建议这么做。

    4、Android系统中的 themes.xml和style.xml:

    位置: %SDK_path%\platforms\android-27\data\res\values,建议在李面挑一个合适的,继承,然后修改:
    下面是SDK中的一个例子:

    <style name="Theme.Dialog">
            <item name="windowFrame">@null</item>
            <item name="windowTitleStyle">@style/DialogWindowTitle</item>
            <item name="windowBackground">@drawable/panel_background</item>
            <item name="windowIsFloating">true</item>
            <item name="windowContentOverlay">@null</item>
            <item name="windowAnimationStyle">@style/Animation.Dialog</item>
       ...省略代码...
    
        </style>
    

    在程序中 使用主题的方法:

    protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState); 
         setTheme(android.R.style.Theme_Light); 
         setContentView(R.layout.linear_layout_3); 
    }
    

    注意要在setContentView之前 setTheme

    如果你喜欢一个主题,但是想做一些轻微的改变,你只需要将这个主题添加为父主题。比如我们修改Theme.Dialog主题。我们来继承Theme.Dialog来生成一个新的主题。

    <style name=”CustomDialogTheme” 
                parent=”@android:style/Theme.Dialog” > 
    

    继承了Theme.Dialog后,我们可以按照我们的要求来调整主题。我们可以修改在Theme.Dialog中定义的每个item元素的值,然后我们在Android Manifest 文件中使用CustomDialogTheme 而不是 Theme.Dialog 。

    相关文章

      网友评论

          本文标题:Style - Theme 的 基本介绍

          本文链接:https://www.haomeiwen.com/subject/cnawbftx.html