写点什么

Android 应用界面风格与主题

作者:芝麻粒儿
  • 2022 年 7 月 08 日
  • 本文字数:3730 字

    阅读完需:约 12 分钟

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);     }
复制代码


一、什么是 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>
复制代码


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

Android 系统的 themes.xml 和 style.xml  包含了很多系统定义好的 style,建议在里面挑个合适的,然后再继承修改。

下边是主题的一个例子:


<?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>
复制代码


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


<style name=”CustomDialogTheme”             parent=”@android:style/Theme.Dialog” > 
复制代码

👉其他

📢作者:小空和小芝中的小空

📢转载说明-务必注明来源:https://www.infoq.cn/profile/DB2492B85795C4/publish

📢这位道友请留步☁️,我观你气度不凡,谈吐间隐隐有王者霸气💚,日后定有一番大作为📝!!!旁边有点赞👍收藏🌟今日传你,点了吧,未来你成功☀️,我分文不取,若不成功⚡️,也好回来找我。

发布于: 刚刚阅读数: 3
用户头像

芝麻粒儿

关注

尺有所短;寸有所长。 2020.08.29 加入

👑CSDN博客专家-华为云享专家-Android/Unity领域优质作者 🏅目前在模拟医学行业做Android/Unity双端开发 🏆微信公众号:【空名先生】 🏆QQ交流群:204918251或877807592

评论

发布
暂无评论
Android 应用界面风格与主题_android_芝麻粒儿_InfoQ写作社区