XUI 一個簡潔而優雅的Android原生UI架構，解放你的雙手

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等一系列的元件和豐富多彩的樣式主題。

關于我

特征

• 簡潔優雅，盡可能少得引用資源檔案的數量，項目庫整體大小不足1M(打包後大約644k）
• 元件豐富，提供了絕大多數我們在開發者常用的功能元件。
• 使用簡單，為友善快速開發，提高開發效率，對api進行了優化，提供一鍵式接入。
• 樣式統一，架構提供了一系列統一的樣式，使UI整體看上去美觀和諧。
• 相容性高，架構還提供了3種不同尺寸裝置的樣式（4.5英寸、7英寸和10英寸），讓UI相容性更強。
• 擴充性強，各元件提供了豐富的屬性和樣式API，可以通過設定不同的樣式屬性，建構不同風格的UI。

如何使用

添加Gradle依賴

1.先在項目根目錄的 build.gradle 的 repositories 添加:

allprojects {
     repositories {
        ...
        maven { url "https://jitpack.io" }
    }
}
複制代碼
           

2.然後在dependencies添加:

dependencies {
  ...
  implementation 'com.github.xuexiangjys:XUI:1.0.0'

  implementation 'com.android.support:appcompat-v7:27.1.1'
  implementation 'com.android.support:recyclerview-v7:27.1.1'
  implementation 'com.android.support:design:27.1.1'
  implementation 'com.github.bumptech.glide:glide:4.8.0'
}
複制代碼
           

初始化XUI設定

1.在Application最頂部初始化設定

XUI.init(this); //初始化UI架構
XUI.debug(true);  //開啟UI架構調試日志

複制代碼
           

2.調整字型庫（對字型無要求的可省略）

（1）設定你需要修改的字型庫路徑（assets下）

//設定預設字型為華文行楷，這裡寫你的字型庫
XUI.getInstance().initFontStyle("fonts/hwxk.ttf");
複制代碼
           

（2）在項目的基礎Activity中加入如下代碼注入字型.

@Override
protected void attachBaseContext(Context newBase) {
    //注入字型
    super.attachBaseContext(CalligraphyContextWrapper.wrap(newBase));
}
複制代碼
           

調整應用的基礎主題

基礎主題類型：

• 大平闆(10英寸, 240dpi, 1920*1200）：XUITheme.Tablet.Big
• 小平闆(7英寸, 320dpi, 1920*1200）：XUITheme.Tablet.Small
• 手機（4.5英寸, 320dpi, 720*1280）：XUITheme.Phone

<style name="AppTheme" parent="XUITheme.Phone">

    <!-- 自定義自己的主題樣式 -->

    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>

</style>

複制代碼
           

當然也可以在Activity剛開始時調用如下代碼動态設定主題

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

示範

示範程式截圖

Demo下載下傳

示範程式大概18M（主要是demo中內建了一個小視訊拍攝的庫比較大，大約13M左右，而XUI庫目前隻有644k大小），項目比較大，推薦使用蒲公英下載下傳。

蒲公英下載下傳

Github下載下傳

特别感謝

• QMUI_Android
• AgentWeb
• CityPicker
• SmartRefreshLayout
• PhotoPicker

聯系方式

微信公共号