アンドロイドネイティブと比較して、それはより美しく、フル機能です。XUIフレームワークを構成して使用する方法は?

ここで、XUIフレームワークをテストするときは、他の理由でXUIの使用が失敗しないように、最初に新しいプロジェクトを作成してテストすることをお勧めします。

ステップ1:XUIフレームワークをインポートする

XUIの公式Webサイトアドレスは次のとおりです。XUI公式Webサイト
最初にダウンロードパッケージのウェアハウスアドレスを書き込み、build.gradle> -allprojectsの最初のファイルを見つけます。赤い丸のコードを追加します。

コードは以下のように表示されます

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

ここに写真の説明を挿入

コードは次のように表示されます。

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

ここに写真の説明を挿入
次に、赤い円で[今すぐ同期]をクリックしますここに写真の説明を挿入

ステップ2:XUIフレームワークを初期化する

コードは次のように表示されます。

import android.app.Application;
import android.content.Context;

import com.xuexiang.xui.XUI;

public class MyApplication extends Application {
    
    
    private static Context MyContext;

    @Override
    public void onCreate() {
    
    
        super.onCreate();

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

    }
}

コードは次のように追加されます。
ここに写真の説明を挿入
初期化したファイルを呼び出す:次のファイルを
見つけるファイル
ここに写真の説明を挿入
を初期化したばかりなので、ここで初期化を呼び出し、次のコードを追加します。
コードは次のとおりです。

android:name=".MyApplication"

以下に示すように、ファイルの場所にコードを追加します
ここに写真の説明を挿入

手順3:style.xmlファイルを変更する

赤い丸の状況に変更します

ここに写真の説明を挿入

ステップ4:呼び出したいファイルで描画XUIを初期化します

MainActivityでXUIフレームワークを呼び出すためにここにいます。これらはすべて、最初に初期化する必要があります。
コードは次のように表示されます。

XUI.initTheme(this);

次の場所に追加します。
ここに写真の説明を挿入
ここで実行して、問題がないか確認してみましょう。
実行すると、次のエラーが表示されます。最小バージョンが16であるため、バージョンの問題であることがエラーからはっきりとわかりますが、XUIでは最小バージョンが17である必要があります。

ここに写真の説明を挿入
図の赤い丸で17に変更すると、ここで正常に実行されたことがわかります。他のエラーがある場合は、この1つのエラーのみを報告しているため、他の場所の構成を確認できます。他のエラーはそれについて考えることはできません。何も書かなかっ
ここに写真の説明を挿入
ここに写真の説明を挿入
ので、実行後に結果を見ることができるので、非常に単調に見えます。XUIフレームワークのEditTextコンポーネントを使用して簡単にテストしてみましょう。
xmlファイルに次のコードを入力します。
ここに写真の説明を挿入
コードは次のとおりです。

 <com.xuexiang.xui.widget.edittext.MultiLineEditText
        android:id="@+id/multiLineEditText1"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:mlet_hintText="分享新鲜事和问题"
        app:mlet_hintTextColor="#CFD3D6"
        app:mlet_maxCount="20000" />

次に実行すると、テキストボックスが表示されていることがわかります。Androidのネイティブテキスト入力ボックスよりも優れていますか。
ここに写真の説明を挿入
一番上のタスクバーがお気に入りの色ではないと感じた場合は、私の最後のブログを読むことができますアドレスは次のとおりですステータスバーを変更します
それから、公式ウェブサイトのブログはあまり詳細ではないので、XUIについていくつかのブログを書きます。

XUIコンポーネントの使用法

タブインジケーター+ビューページャーは
、EditTextをより美しくするためのページ切り替えを実現します
継続的に更新されます。

おすすめ

転載: blog.csdn.net/qq_45137584/article/details/110529136