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

举报
芝麻粒儿 发表于 2021/08/14 21:23:40 2021/08/14
【摘要】 👉关于作者众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)👉即将学会了解并学会Android的主题风格以及一些属性,应变出各种不同的时尚。👉背景🙎小芝(正在...

👉关于作者

众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!
专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)

👉即将学会

了解并学会Android的主题风格以及一些属性,应变出各种不同的时尚。

👉背景

🙎小芝(正在吃包子):小空你今天有什么新鲜事吗?

🙈小空:新鲜的没有,不过近日不是大规模拆各种商铺吗,拆到我住的那了。

🙎小芝:啊~?那以后附近吃的岂不是越来越少了。

🙈小空:确实是,这是其次的,这会导致小商铺越来越难干,大批的外地人可能要回家了。你有去买菜吗,没发现现在菜价普遍涨了1.3-3倍?

🙎小芝(不开心):咱俩不也是外地人吗,唉,可悲的穷啊,挣钱全花在此地了。

🙈小空(思索):这就像城市在打造自己的主题风格一样,想要文化。算了,抛开不开心的,我们正好借此机会聊聊Android的主题风格。

👉实践过程

主题Theme就是用来设置界面UI风格,可以设置整个应用或者某个活动Activity的界面风格。在Android SDK中内置了下面的Theme,可以按标题栏Title Bar和状态栏Status Bar是否可见来分类:



•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:icon=”@drawable/icon”
    @android:style/Theme.Black.NoTitleBar”>
    //https://juejin.cn/user/426576084
    //活动Activity范围
    //使用java代码或者在AndroidManifest.xml中对活动Activity的主题进行设置,主题仅应用到当前活动中。
    //在AndroidMainifest.xml设置方法:
<activity
    android:name=“.About”
    android:label=“
    @string/app_name”
    android:theme=“
    @android:style/Theme.Black.NoTitleBar” >
 
   // 使用java代码进行设置,在当前活动Activity的onCreate中进行设置:
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setTheme(android.R.style.Theme_Translucent_NoTitleBar);
        setContentView(R.layout.main);
 
    }

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

        Style 和 theme:是一个包含一种 或者 多种格式化 属性 的集合  ,并且 style和theme都是资源,存放在res/values 文件夹下 即可,android提供了很多这样的默认资源。你可以来使用它们。同时你也可以自己定义style和 theme,只需要在res/values/这个路径里面新建一个.xml文件,而且他的根节点必须 是。对 每一个style和theme,给 增加一个全局唯一的名字,也可以选择增加一个parent父类属性,我们写的style和 theme就会继承这个父类的属性。 style和theme的定义格式相同。不过style是针对view来说的,比如 TextView,EditText这些,而Theme必须针对整个activity或者 整个application,你必须在AndroidManifest.xml中 的或者中定义。 

先来看看style,比如如下一段代码:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="CodeFont" parent="@android:style/TextAppearance.Medium">
        <item name="android:layout_width">fill_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:textColor">#00FF00</item>
        <item name="android:typeface">monospace</item>
    </style>
</resources>

可以看到这个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">
同样的我们也可以继承父类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()之前。通常,不建议这么做。

++++++++++++++++++++++++++++++++++++++++++++++++

Android系统的 themes.xml 和 style.xml (位于/base/core/res/res/values/) 包含了很多系统定义好的style,建议在里面挑个合适的,然后再继承修改。

下边是SDK中主题的一个例子:

<?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>

注意:我们用了@符号和?符号来应用资源。@符号 表明 我们引用的资源是前边定义过的(或者在前一个项目中或者在Android 框架中)。问号?表明 我们引用的资源的值在 当前的 主题当中定义过。 通过引用在里边定义的名字 可以做到(panelTextColor 用的颜色 和 panelForegroundColor中定义的一样 )。这中技巧只能用在XML资源当中
在程序中 使用主题的方法:

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

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

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

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

👉其他

📢作者:小空和小芝中的小空
📢转载说明:务必注明来源:https://zhima.blog.csdn.net/
📢欢迎点赞👍收藏🌟留言📝

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

举报
请填写举报理由
0/200