はじめに
DreamHanksのMOONです。
前回は「MpAndroidChart」というライブラリの棒グラフについて説明しました。
38. 【Android/Kotlin】棒グラフ(Bar Chart)
今回は「Saripaar」というバリデーションチェックのライブラリについて説明していきます。
Saripaarとは
バリデーションチェックをアノテーション形式にできるように提供するライブラリです。
アノテーション形式は下記の形式です。
1 2 3 4 5 6 7 |
@NotEmpty(message = "必ず入力してください。") @Length(min = 3,max = 10,message = "最小3~最大5") lateinit var id_et : EditText //IDのEditText(入力エリア) @NotEmpty(message = "必ず入力してください。") @Length(min = 3,max = 16,message = "最小3~最大5") lateinit var pwd_et : EditText //PasswordのEditText(入力エリア) |
設定事項
・Gradleに「Saripaar」のライブラリを追加
・Activity、レイアウトのxmlを設定
Gradleに「Saripaar」のライブラリを追加
「build.gradle」のdependenciesに下記のコードを追加
1 |
implementation 'com.mobsandgeeks:android-saripaar:2.0.3' |
Activity、レイアウトのxmlを設定
SaripaarActivity.kt
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
package com.example.practiceapplication import android.os.Bundle import android.view.View import android.widget.Button import android.widget.EditText import android.widget.Toast import androidx.appcompat.app.AppCompatActivity import com.mobsandgeeks.saripaar.ValidationError import com.mobsandgeeks.saripaar.Validator import com.mobsandgeeks.saripaar.annotation.Length import com.mobsandgeeks.saripaar.annotation.NotEmpty class SaripaarActivity : AppCompatActivity(), Validator.ValidationListener { @NotEmpty(message = "必ず入力してください。") @Length(min = 3,max = 10,message = "最小3~最大5") lateinit var id_et : EditText //IDのEditText(入力エリア) @NotEmpty(message = "必ず入力してください。") @Length(min = 3,max = 16,message = "最小3~最大5") lateinit var pwd_et : EditText //PasswordのEditText(入力エリア) override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_saripaar) id_et = findViewById<EditText>(R.id.id_et) pwd_et = findViewById<EditText>(R.id.pwd_et) val login_btn = findViewById<Button>(R.id.login_btn) //ログインボタン val validator = Validator(this) validator.setValidationListener(this) login_btn.setOnClickListener(View.OnClickListener { validator.validate() }) } override fun onValidationFailed(errors: MutableList<ValidationError>?) { for (error in errors!!) { val view: View = error.view val message = error.getCollatedErrorMessage(this) if (view is EditText) { (view as EditText).error = message } else { Toast.makeText(this, message, Toast.LENGTH_SHORT).show() } } } override fun onValidationSucceeded() { Toast.makeText(applicationContext, "ログイン成功。", Toast.LENGTH_SHORT).show() } } |
activity_saripaar.xml
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<?xml version="1.0" encoding="utf-8"?> <LinearLayout 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" android:orientation="vertical" tools:context=".SaripaarActivity" android:gravity="center"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/main_tv" android:text="ログイン" /> <EditText android:layout_width="200dp" android:layout_height="wrap_content" android:id="@+id/id_et" android:inputType="text" android:hint="ID"/> <EditText android:layout_width="200dp" android:layout_height="wrap_content" android:id="@+id/pwd_et" android:inputType="textPassword" android:hint="パスワード"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/login_btn" android:text="ログイン"/> </LinearLayout> |
アプリ起動
・初期の画面
・IDを入力しなくてボタンをクリックした場合
・パスワードを入力しなくてボタンをクリックした場合
終わりに
今回は「Saripaar」というバリデーションチェックのライブラリについて説明しました。
次回は「振動」について説明していきます。
コメント