天天看點

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

XUI

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!
android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!
android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!
android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

一個簡潔而又優雅的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模闆進行填寫,節約大家的時間。

在使用前,請一定要仔細閱讀使用說明文檔,重要的事情說三遍!!!

在使用前,請一定要仔細閱讀使用說明文檔,重要的事情說三遍!!!

在使用前,請一定要仔細閱讀使用說明文檔,重要的事情說三遍!!!

關于我

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!
android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!
android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!
android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!
android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

X系列庫快速內建

特征

簡潔優雅,盡可能少得引用資源檔案的數量,項目庫整體大小不足1M(打包後大約644k)

元件豐富,提供了絕大多數我們在開發者常用的功能元件。

使用簡單,為友善快速開發,提高開發效率,對api進行了優化,提供一鍵式接入。

樣式統一,架構提供了一系列統一的樣式,使UI整體看上去美觀和諧。

相容性高,架構還提供了3種不同尺寸裝置的樣式(4.5英寸、7英寸和10英寸),并且最低相容到Android 17, 讓UI相容性更強。

擴充性強,各元件提供了豐富的屬性和樣式API,可以通過設定不同的樣式屬性,建構不同風格的UI。

如何使用

在決定使用XUI前,你必須明确的一點是,此架構給出的是一整套UI的整體解決方案,如果你隻是想使用其中的幾個控件,那大可不必引入如此龐大的一個UI庫,Github上會有更好的元件庫。如果你是想擁有一套可以定制的、統一的UI整體解決方案的話,那麼你就繼續往下看吧!

添加Gradle依賴

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

allprojects {

repositories {

...

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

}

}

2.然後在dependencies添加:

dependencies {

...

//androidx項目

implementation 'com.github.xuexiangjys:XUI:1.0.9'

implementation 'androidx.appcompat:appcompat:1.1.0'

implementation 'androidx.recyclerview:recyclerview:1.0.0'

implementation 'com.google.android.material:material:1.1.0-alpha10'

implementation 'com.github.bumptech.glide:glide:4.8.0'

}

【注意】如果你的項目目前還未使用androidx,請使用如下配置:

dependencies {

...

//support項目

implementation 'com.github.xuexiangjys:XUI:1.0.9-support'

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.調整應用的基礎主題(必須)

必須設定應用的基礎主題,否則元件将無法正常使用!必須保證所有用到XUI元件的視窗的主題都為XUITheme的子類,這非常重要!!!

基礎主題類型:

大平闆(10英寸, 240dpi, 1920*1200):XUITheme.Tablet.Big

小平闆(7英寸, 320dpi, 1920*1200):XUITheme.Tablet.Small

手機(4.5英寸, 320dpi, 720*1280):XUITheme.Phone

@color/colorPrimary

@color/colorPrimaryDark

@color/colorAccent

當然也可以在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支援)

示範程式截圖

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!
android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!
android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!
android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

Demo下載下傳

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

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

蒲公英下載下傳

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

Github下載下傳

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!
android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!

特别感謝

如果覺得項目還不錯,可以考慮打賞一波

你的打賞是我維護的動力,我将會列出所有打賞人員的清單在下方作為憑證,打賞前請留下打賞項目的備注!

感謝下面小夥伴的打賞:

姓名

金額

方式

C*y

1¥

微信

*流

1¥

微信

*聲

50¥

微信

*宇濤

5¥

支付寶

聯系方式

android ui風格 車載,XUI: 一個簡潔而優雅的Android原生UI架構,解放你的雙手!