Android 页面基础-介绍篇(01)

Android 页面基础(介绍篇)

Android 页面基础分类介绍篇和代码篇:

  • 介绍篇:主要就是介绍一些基础概念。
  • 代码篇:就是介绍Android应用开发,页面在代码的整体设计及具体实现、适配注意事项等。
  • 个人理解,Android页面从上到下,主要分为三块区域:状态栏、内容区域(标题和内容)、导航栏。


    基础页面

Android 系统栏

  • 状态栏和导航栏统称为系统栏。
  • 注意:一般不要隐藏系统栏,除非是为了获得沉浸式模式体验(例如观看全屏视频)。

状态栏

在 Android 上,状态栏包含通知图标和系统图标。用户可以通过下拉状态栏来访问通知栏,从而与状态栏进行交互。
状态栏可以根据页面内容、时间、用户设置的偏好或主题以及其他参数以不同的方式显示。

  • 普通状态栏


    亮色暗色状态栏
  • 刘海屏


    刘海屏
  • 修改 themes.xml 文件,设置状态栏的颜色
  • Android 6.0以上,可以设置状态栏内容颜色为深色(黑色)。
<!-- 主题设置 -->
<style name="Theme.MyApp">

 <!--设置状态栏背景颜色-->
 <item name="android:statusBarColor">@android:color/transparent</item>

 <!--设置状态栏 图标、内容为深色(黑色)Android 23(6.0)以上 -->
 <item name="android:windowLightStatusBar" tools:targetApi="m">true</item>

</style>

导航栏

Android 允许用户使用返回、主页和概览控件来控制导航:

  • 返回直接返回上一个视图。
  • 主页转换出应用程序并进入设备的主屏幕。
  • 概览显示已打开和最近打开的应用程序。
    用户可以从各种导航栏配置中进行选择,包括手势导航(推荐)和三键导航。


    导航栏

手势导航

手势导航是 Android 10(API 级别 29)中引入的推荐导航类型,但您无法覆盖用户的偏好。手势导航不使用返回、主页和概览按钮,而是显示单个手势手柄以方便使用。用户通过从屏幕的左侧或右侧边缘滑动来后退和前进,从底部向上滑动来返回主页。向上滑动并按住可打开概览。

手势导航是一种更具可扩展性的导航模式,适用于移动设备和大屏幕设计。为了提供最佳用户体验,请通过以下方式考虑手势导航:

  • 支持边到边的内容。
  • 避免在手势导航插图下添加交互或触摸目标。
  • 修改 themes.xml 文件,设置导航栏的颜色
  • Android 8.1以上,可以设置导航栏内容颜色为深色(黑色)。
<!-- 主题设置 -->
<style name="Theme.MyApp">

 <!--设置导航栏背景颜色-->
 <item name="android:navigationBarColor">@android:color/transparent</item>

 <!--设置导航栏 图标、内容为深色(黑色)Android 27(8.1)以上 -->
 <item name="android:windowLightNavigationBar" tools:targetApi="o_mr1">true</item>

</style>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容