XUI 一个简洁而又优雅的Android原生UI框架

Ajian 发布于2019-06-25 12:52 / 933人阅读

摘要：一个简洁而又优雅的原生框架，解放你的双手还不赶紧点击使用说明文档，体验一下吧涵盖绝大部分的组件等一系列的组件和丰富多彩的样式主题。样式统一，框架提供了一系列统一的样式，使整体看上去美观和谐。

XUI

一个简洁而又优雅的Android原生UI框架，解放你的双手！还不赶紧点击使用说明文档，体验一下吧！

涵盖绝大部分的UI组件：TextView、Button、EditText、ImageView、Spinner、Picker、Dialog、PopupWindow、ProgressBar、LoadingView、StateLayout、FlowLayout、Switch、Actionbar、TabBar、Banner、GuideView、BadgeView、MarqueeView、WebView、SearchView等一系列的组件和丰富多彩的样式主题。

在提issue前，请先阅读【提问的智慧】，并严格按照issue模板进行填写，节约大家的时间。

关于我

特征

简洁优雅，尽可能少得引用资源文件的数量，项目库整体大小不足1M(打包后大约644k）

组件丰富，提供了绝大多数我们在开发者常用的功能组件。

使用简单，为方便快速开发，提高开发效率，对api进行了优化，提供一键式接入。

样式统一，框架提供了一系列统一的样式，使UI整体看上去美观和谐。

兼容性高，框架还提供了3种不同尺寸设备的样式（4.5英寸、7英寸和10英寸），并且最低兼容到Android 17, 让UI兼容性更强。

扩展性强，各组件提供了丰富的属性和样式API，可以通过设置不同的样式属性，构建不同风格的UI。

如何使用 添加Gradle依赖

1.先在项目根目录的 build.gradle 的 repositories 添加:

allprojects {
     repositories {
        ...
        maven { url "https://jitpack.io" }
    }
}

2.然后在dependencies添加:

dependencies {
  ...
  //1.0.5版本后只支持androidx
  implementation "com.github.xuexiangjys:XUI:1.0.5"

  implementation "androidx.appcompat:appcompat:1.0.2"
  implementation "androidx.recyclerview:recyclerview:1.0.0"
  implementation "com.google.android.material:material:1.1.0-alpha07"
  implementation "com.github.bumptech.glide:glide:4.8.0"
}

【注意】如果你的项目目前还未使用androidx，那你只能使用1.0.5之前的版本了。

dependencies {
  ...
  implementation "com.github.xuexiangjys:XUI:1.0.4"

  implementation "com.android.support:appcompat-v7:28.0.0"
  implementation "com.android.support:recyclerview-v7:28.0.0"
  implementation "com.android.support:design:28.0.0"
  implementation "com.github.bumptech.glide:glide:4.8.0"
}

初始化XUI设置

1.在Application最顶部初始化设置

XUI.init(this); //初始化UI框架
XUI.debug(true);  //开启UI框架调试日志

2.调整应用的基础主题

必须设置应用的基础主题，否则组件将无法正常使用！

基础主题类型：

大平板(10英寸, 240dpi, 1920*1200）：XUITheme.Tablet.Big

小平板(7英寸, 320dpi, 1920*1200）：XUITheme.Tablet.Small

手机（4.5英寸, 320dpi, 720*1280）：XUITheme.Phone

当然也可以在Activity刚开始时调用如下代码动态设置主题

@Override
protected void onCreate(Bundle savedInstanceState) {
    XUI.initTheme(this);
    super.onCreate(savedInstanceState);
    ...
}

3.调整字体库（对字体无要求的可省略）

（1）设置你需要修改的字体库路径（assets下）

//设置默认字体为华文行楷，这里写你的字体库
XUI.getInstance().initFontStyle("fonts/hwxk.ttf");

（2）在项目的基础Activity中加入如下代码注入字体.

@Override
protected void attachBaseContext(Context newBase) {
    //注入字体
    super.attachBaseContext(CalligraphyContextWrapper.wrap(newBase));
}

演示（请star支持） 演示程序截图

Demo下载

演示程序大概18M（主要是demo中集成了一个小视频拍摄的库比较大，大约13M左右，而XUI库目前只有644k大小），项目比较大，推荐使用蒲公英下载。

蒲公英下载

Github下载

特别感谢

QMUI_Android

AgentWeb

CityPicker

SmartRefreshLayout

PhotoPicker

Android-PickerView

MaterialEditText

MaterialSpinner

FlycoBanner_Master

MaterialProgressBar

如果觉得项目还不错，可以考虑打赏一波

联系方式

服务器托管云服务器 android的框架 ui前端框架前端ui框架移动前端ui框架

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/15023.html

【译】Hybrid or Native: 合适的才是最好的

摘要：本文转载自众成翻译译者文蔺链接原文译者注本文讲到的可能和我们通常理解的略有差异。文中部分主要讲到的是，这一点可能在一些开发者看来是有争议的。谈到，最好也是最简单的办法是使用免费开源的框架。需要快速开发打样那可能最好的选择。本文转载自：众成翻译译者：文蔺链接：http://www.zcfy.cc/article/861原文：http://www.telerik.com/blogs/h...

张春雷 2019-08-21 14:03 评论0 收藏0
高仿 - 收藏集 - 掘金

摘要：关于如何编写一个路由实现组件动态更改任务表达式后端掘金实现动态，可以通过动态变更。一导入靠谱的唯一设备号生成方案掘金应用开发中有时候也许会获取设备的唯一标识。仿蘑菇街, 蜜芽宝贝, 京东商品详情界面, 与 NestedScroll 滑动 - Android - 掘金上一篇文章中有提到界面中嵌套NestedScrollView与Fragment并用,而NestedScrollView是...

scq000 2019-06-25 11:31 评论0 收藏0
UI大全：前端UI框架集合（持续更新，当前32个）

摘要：简洁直观强悍的前端开发框架，让开发更迅速简单。是一套基于的前端框架。首个版本发布于年金秋，她区别于那些基于底层的框架，却并非逆道而行，而是信奉返璞归真之道。 2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semantic UI React,ele...

only_do 2019-08-22 10:47 评论0 收藏0
UI大全：前端UI框架集合（持续更新，当前32个）

摘要：简洁直观强悍的前端开发框架，让开发更迅速简单。是一套基于的前端框架。首个版本发布于年金秋，她区别于那些基于底层的框架，却并非逆道而行，而是信奉返璞归真之道。 2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semantic UI React,ele...

archieyang 2019-08-05 10:28 评论0 收藏0
UI大全：前端UI框架集合（持续更新，当前32个）

摘要：简洁直观强悍的前端开发框架，让开发更迅速简单。是一套基于的前端框架。首个版本发布于年金秋，她区别于那些基于底层的框架，却并非逆道而行，而是信奉返璞归真之道。 2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semantic UI React,ele...

church 2019-08-01 16:03 评论0 收藏0