Giter VIP home page Giter VIP logo

xuexiangjys / xui Goto Github PK

View Code? Open in Web Editor NEW
4.8K 87.0 819.0 280.18 MB

💍A simple and elegant Android native UI framework, free your hands! (一个简洁而优雅的Android原生UI框架,解放你的双手!)

Home Page: https://xuexiangjys.github.io/XUI/

License: Apache License 2.0

Java 99.53% HTML 0.31% JavaScript 0.15% CSS 0.01%
android-ui xui styles ui-components android theme x-library

xui's Introduction

Banner

XUI

api Issue Star

A simple and elegant Android native UI framework, free your hands! Click on the instruction document and experience it!

Covers most of the UI components:TextView、Button、EditText、ImageView、Spinner、Picker、Dialog、PopupWindow、ProgressBar、LoadingView、StateLayout、FlowLayout、Switch、Actionbar、TabBar、Banner、GuideView、BadgeView、MarqueeView、WebView、SearchView...etc. A series of components and colorful style themes。

Please read 【wisdom of asking questions】 before raising the issue and strictly follow the issue template fill in and save everyone's time.

Please read the instruction document carefully before use, important things are to be repeated for three time!!!

please read the instruction document carefully before use, important things are to be repeated for three time!!!

Please read the instruction document carefully before use, important things are to be repeated for three time!!!

About me

WeChat public number juejin zhihu CSDN jianshu segmentfault bilibili toutiao
我的Android开源之旅 Click me Click me Click me Click me Click me Click me Click me

Rapid integration of X-Library

In order to facilitate the rapid integration of X-Library, I provide a template project for your reference: https://github.com/xuexiangjys/TemplateAppProject

In addition, I have also produced several video tutorials for your reference.


Features

  • Simple and elegant,the total size of the project library is less than 1M (about 644k after packaging).

  • Rich components,provides the vast majority of our developers in common functional components.

  • Easy to use,in order to facilitate rapid development and improve development efficiency, the API is optimized to provide one click access.

  • Uniform style,the framework provides a series of unified styles to make the UI look beautiful and harmonious.

  • High compatibility,the framework also provides three different sizes of device styles (4.5 inch, 7 inch and 10 inch) and is compatible with Android 17 at least, which makes UI compatibility stronger.

  • Strong expansibility,each component provides rich properties and style APIs, and different styles of UI can be built by setting different style properties.

Stargazers over time

Stargazers over time


Usage

Before you consider using XUI, you must be clear that this framework provides a whole set of UI solutions. If you just want to use a few of them, you don't need to introduce such a huge UI library. You can find better component libraries on GitHub. If you want to have a customized, unified UI overall solution, then you can continue to look!

Add gradle dependency

1.In the project root directory build.gradle:

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

2.Then add in the dependencies of build.gradle of the application project (usually app):

dependencies {
  ...
  //androidx project
  implementation 'com.github.xuexiangjys:XUI:1.2.1'

  implementation 'androidx.appcompat:appcompat:1.3.1'
  implementation 'androidx.recyclerview:recyclerview:1.2.1'
  implementation 'com.google.android.material:material:1.4.0'
  implementation 'com.github.bumptech.glide:glide:4.12.0'
}

【Note】 If your project does not currently use androidx, please use the following configuration:

dependencies {
  ...
  //support project
  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'
}

Initialization

1.Modify the basic theme of the application (required)

The basic theme of the application must be set, otherwise the component will not work normally! It is very important to ensure that the theme of all windows using XUI components is a subclass of XUITheme!!!

Basic topic type:

  • Large flat plate(10 inches, 240dpi, 1920*1200):XUITheme.Tablet.Big

  • Small plate(7 inches, 320dpi, 1920*1200):XUITheme.Tablet.Small

  • Mobile phone(4.5 inches, 320dpi, 720*1280):XUITheme.Phone

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

    <!-- Customize your own theme style -->

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

</style>

Of course, you can also call the following code at the beginning of the Activity to set the theme dynamically.

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

2.Adjust font library (omit if there is no requirement for font)

(1)Set the font library path you need to modify (under assets)

// Set the default font to Chinese line Kai, write your font library here
XUI.getInstance().initFontStyle("fonts/hwxk.ttf");

(2)Add the following code to the basic activity of the project to inject fonts

Note: after version 1.1.4, use the following settings for injection

@Override
protected void attachBaseContext(Context newBase) {
    // Injection font
    super.attachBaseContext(ViewPumpContextWrapper.wrap(newBase));
}

Note: versions 1.1.3 and earlier use the following settings for injection

@Override
protected void attachBaseContext(Context newBase) {
    // Injection font
    super.attachBaseContext(CalligraphyContextWrapper.wrap(newBase));
}

Demonstration

Screenshot

1_splash.png2_main.png3_about.png

4_menu.png5_dialog.png6_bottom_dialog.png

7_picker.png8_webview.png9_flowlayout.png

10_ninegrid.png11_radius_imageview.png12_badge_view.png

13_tabview.png14_citypicker.png15_refresh_layout.png

16_spinner.png

Demo download

The demo program is about 18M (mainly because the demo integrates a small video shooting library, which is about 13M, while XUI library is only 644k in size). The project is relatively large, and dandelion is recommended to download.

xui_size.png

Pgyer Download

Pgyer Download password: xuexiangjys

Pgyer

download_pugongying.png

Github Download

Github

download_github.png

Contribution

Due to my limited energy, you are welcome to actively contribute your idea. You will have the opportunity to participate in the maintenance of star over 1000 projects on GitHub and enhance your industry influence!

Code contribution requirements:

  • Please keep the existing code style, not according to your habits. Please comply with Alibaba java coding specification.

  • Just modify the code you are sure need to be optimized, not all the different code from your ideas.

  • Before launching a pull request, you should test your commit code adequately.

  • Please commit new code to the dev branch instead of the master branch.

Thanks

Sponsor

Your support is the driving force of my maintenance. I will list the list of all the reward personnel at the bottom as the voucher. Please leave the notes of the support items before rewarding!

pay.png

Thank you for your sponsorship:

Name Money Platform
C*y 1¥ WeChat
*流 1¥ WeChat
*声 50¥ WeChat
*宇涛 5¥ Alipay
*事 10¥ WeChat
优*1 168¥ WeChat
*、 20¥ WeChat
*钰晗 6¥ Alipay
*娜 3¥ WeChat
*米 20¥ WeChat
*忘 10¥ WeChat
*清红 1¥ Alipay
*口 5¥ WeChat
* 10.24¥ WeChat
*俊耀 100¥ Alipay
*俊杰 1¥ Alipay
*鸥 10.24¥ WeChat
*云 20.21¥ Alipay
*钰晗 66¥ Alipay
*杰柱 10¥ Alipay
*毛 6.66¥ WeChat
*凯 10¥ WeChat
r*o 8.88¥ WeChat
T*8 7.77¥ WeChat
v*d 20¥ WeChat
B*G 1¥ WeChat
*舞 10¥ WeChat
*肉 2¥ WeChat
*拖 12.12¥ WeChat
*鱼 20¥ WeChat
*明 20¥ WeChat
*化 8¥ WeChat
*攀 16.80¥ Alipay
**航 10¥ Alipay
**飞 10.24¥ Alipay
*瑟 1¥ WeChat
*原 10.24¥ Alipay
*越 10.24¥ WeChat
**俊 80¥ Alipay
*尋 10.24¥ WeChat
爱生活 100¥ QQ
*茶 100¥ WeChat
*头 2¥ WeChat
*噜 10.99¥ WeChat
Wm 10¥ WeChat
*谷 10¥ WeChat
*望 5¥ WeChat
J*o 10.24¥ WeChat
*休 10.24¥ WeChat
**俊 80¥ Alipay
**伟 1.1¥ Alipay
**云 5¥ Alipay
*航 3¥ Alipay
*维 5¥ WeChat
*鑫 188.88¥ Alipay
*玉 10¥ Alipay
**贺 100¥ Alipay
**伟 65¥ Alipay
*G 1¥ WeChat
M*u 10.24¥ WeChat
S*m 10.24¥ WeChat
T*g 15¥ WeChat
*边 10.24¥ WeChat
*寻 20.48¥ WeChat
*凉 10.24¥ WeChat
S*y 10.24¥ WeChat
M*n 1¥ WeChat
J*e 10.24¥ WeChat
*、 10.24¥ WeChat
禹*) 1¥ WeChat
X*? 18.88¥ WeChat
*事 5¥ WeChat
*之 10¥ WeChat
*安 18.88¥ WeChat
*🎵 10.24¥ WeChat
*👔 10¥ WeChat
*洲 10¥ WeChat

Contact

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.