QMUI_Android

Android 控件
致力于提高项目 UI 开发效率的解决方案

今天小编给大家推荐一款快速开发安卓APP的UI框架,让个人开发者可以在摆脱设计师的条件下,自己快速开发一款具备设计元素的安卓APP。这个UI框架叫做QMUI Android,由腾讯的QMUI Team开发并维护。QMUI Android 的设计目的是用于辅助快速搭建一个具备基本设计还原效果的 Android 项目,同时利用自身提供的丰富控件及兼容处理,让开发者能专注于业务需求而无需耗费精力在基础代码的设计上。不管是新项目的创建,或是已有项目的维护,均可使开发效率和项目质量得到大幅度提升。

QMUI Android功能特性:

  1. 全局 UI 配置只需要修改一份配置表就可以调整 App 的全局样式,包括组件颜色、导航栏、对话框、列表等。一处修改,全局生效。
  2. 丰富的 UI 控件提供丰富常用的 UI 控件,例如 BottomSheet、Tab、圆角 ImageView、下拉刷新等,使用方便灵活,并且支持自定义控件的样式。
  3. 高效的工具方法提供高效的工具方法,包括设备信息、屏幕信息、键盘管理、状态栏管理等,可以解决各种常见场景并大幅度提升开发效率。

使用步骤:

  1. 引入库在App Module的build.gradle文件添加以下依赖代码:

    compile 'com.qmuiteam:qmui:1.0.0'
  2. 配置主题

    <!-- Base application theme. -->
    <style name="AppTheme" parent="QMUI.Compat"> 
     <!-- Customize your theme here. -->
     <item name="colorPrimary">@color/colorPrimary</item>
     <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
     <item name="colorAccent">@color/colorAccent</item>
    </style>
  3. 覆盖组件的默认表现你可以通过在项目中的 theme 中用 (value) 的形式来覆盖 QMUI 组件的默认表现。具体可指定的属性名请参考 @style/QMUI.Compat 或 @style/QMUI 中的属性。

        <!-- 配置Android提供的theme -->
        <item name="android:windowActionBar">false</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:textAppearanceListItemSmall">@style/QDTextAppearanceListItemSmall</item>
        <item name="android:textAppearanceListItem">@style/QDtextAppearanceListItem</item>
        <item name="android:listPreferredItemHeight">?attr/qmui_list_item_height_higher</item>
        <item name="android:listPreferredItemHeightSmall">?attr/qmui_list_item_height</item>
    
        <!-- 配置qmui提供的theme -->
        <item name="qmui_config_color_blue">@color/app_color_blue</item>
        <item name="qmui_topbar_title_color">@color/qmui_config_color_white</item>
        <item name="qmui_topbar_subtitle_color">@color/qmui_config_color_white</item>
        <item name="qmui_topbar_text_btn_color_state_list">@color/s_topbar_btn_color</item>
        <item name="qmui_topbar_height">48dp</item>
        <item name="qmui_topbar_image_btn_height">48dp</item>
        <item name="qmui_round_btn_bg_color">@color/s_btn_blue_bg</item>
        <item name="qmui_round_btn_border_color">@color/s_btn_blue_border</item>
        <item name="qmui_round_btn_text_color">@color/s_btn_blue_text</item>
        <item name="qmui_content_spacing_horizontal">20dp</item>
        <item name="qmui_content_padding_horizontal">@dimen/qmui_content_spacing_horizontal</item>
    
        <item name="QMUITopBarStyle">@style/QDTopBar</item>
    
        <!-- 配置app自己的theme -->
        <item name="app_primary_color">?attr/qmui_config_color_blue</item>
        <item name="app_content_bg_color">@color/qmui_config_color_white</item>

QMUI除了推出安卓版,同时还有Web版和IOS版,风格均为主流的扁平化风格,大家均可以可以尝试下。 传送门:QMUI WebQMUI iOS

QMUI_Android 相关推荐 提交推荐
详细介绍QMUI Android的各个控件和控件使用方法
详细介绍QMUI Android的配置,快速上手必看!
请文明评论,与人为善,比聪明更重要!
评论