39. 【Android/Kotlin】Saripaar

はじめに
Saripaarとは
設定事項
1. Gradleに「Saripaar」のライブラリを追加
2. Activity、レイアウトのxmlを設定
アプリ起動
終わりに

はじめに

DreamHanksのMOONです。

前回は「MpAndroidChart」というライブラリの棒グラフについて説明しました。

38. 【Android/Kotlin】棒グラフ（Bar Chart）

今回は「Saripaar」というバリデーションチェックのライブラリについて説明していきます。

Saripaarとは

バリデーションチェックをアノテーション形式にできるように提供するライブラリです。

アノテーション形式は下記の形式です。

    @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（入力エリア）

@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に下記のコードを追加

    implementation 'com.mobsandgeeks:android-saripaar:2.0.3'

1	implementation 'com.mobsandgeeks:android-saripaar:2.0.3'

Activity、レイアウトのxmlを設定

SaripaarActivity.kt

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()
    }
}

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

<?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>

<?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」というバリデーションチェックのライブラリについて説明しました。

次回は「振動」について説明していきます。

40. 【Android/Kotlin】振動