XUIフレームワークは、ネイティブフレームワークよりも見栄えがよく、より多くの機能を備えたEditTextボックスを実装していますか?、およびEditTextの値を取得する方法

それでも同じですが、結果が失敗する原因となる可能性のある他の要因を回避するために、テスト時に新しいページを作成するか、自分でプロジェクトを作成することをお勧めします。

ステップ1:XUI環境を構成する

環境の構成に関するブログでは、XUIフレームワークの構成について説明しています。ここでは詳しく説明しません。確認することはできません。プロセスはかなり詳細です。わからない場合は、質問して一緒に話し合いましょう。

構成が完了したら、2番目のステップに進みます。

ステップ2:EditTextxmlページを作成します。

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

 <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" />

使用される属性は次のとおり
ここに写真の説明を挿入
です。私が書いた属性は十分に詳細ではありませんか?次に、XUIの公式Webサイトにアクセスして、EditTextの公式Webサイトを参照できます。非常に詳細で、使用法は非常に簡単です。直接使用するだけです。
以下に示すように、見やすいように公式Webサイトから切り取りました。
ここに写真の説明を挿入

ステップ3:EditTextで値を取得する方法は?

上記の手順を完了すると、基本的に入力ボックスが表示されますが、EditTextで値を取得する方法がわからない場合があります。

1.XUIを初期化することを忘れないでください

初期化がない場合、クラッシュが発生します

ここに写真の説明を挿入

2.テキストボックスの値を取得します

まず、図に示すように、テスト用にxmlファイルにボタンを設定します。
ここに写真の説明を挿入
コードは次のとおりです。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <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" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#FFFFFF"
        android:text="提交"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/guideline" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.5" />


</androidx.constraintlayout.widget.ConstraintLayout>

2番目:
ActivityでButtonとEditTextを初期化します。図に示すように、
ここに写真の説明を挿入
2つの異なる値の方法を示します。

ここに写真の説明を挿入
次に、結果を見てみましょう。
最初に画像に単語を入力します。

ここに写真の説明を挿入
次に、2つの方法で得られた結果
ここに写真の説明を挿入
を見てください。ここから、2番目の方法だけ値を取得し、最初の方法は空になることがわかります。

XUIフレームワークがページ切り替えを実装するために実装するタブレイアウト(TabBarインジケーター)+ビューページを知りたい場合は?XUIがページ切り替えを実現した前回の記事をご覧ください

おすすめ

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