วิธีการใช้ Android TextInputLayout

ก่อนจะยกตัวอย่าง เราควรรู้ว่า TextInputLayout ใน Android คืออะไร TextInputLayout ถูกขยายโดย Linear Layout มันจะทำหน้าที่เป็นตัวตัดคำสำหรับแก้ไขข้อความและแสดงแอนิเมชั่นคำใบ้แบบแบนสำหรับแก้ไขข้อความ

ตัวอย่างนี้สาธิตเกี่ยวกับวิธีการใช้งาน Android TextInputLayout

ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่

ขั้นตอนที่ 2 − เพิ่มรหัสต่อไปนี้ใน res/layout/activity_main.xml

       <ปุ่ม android:id ="@+id/click" android:layout_width ="wrap_content" android:layout_height ="wrap_content" android:layout_gravity ="center" android:text ="คลิก">

ในโค้ดด้านบนนี้ เราได้ให้ TextInputEditText สองอันและปุ่มเดียว เมื่อคุณคลิกที่ปุ่ม จะใช้ข้อมูลจากการแก้ไขข้อความและแสดงบน Toast

ขั้นตอนที่ 3 − เพิ่มรหัสต่อไปนี้ใน src/MainActivity.java

แพ็คเกจ com.example.andy.myapplication;นำเข้า android.graphics.Point;นำเข้า android.support.v7.app.AppCompatActivity;นำเข้า android.os.Bundle;นำเข้า android.view.TextureView;นำเข้า android.view.View นำเข้า android.widget.Button นำเข้า android.widget.EditText นำเข้า android.widget.TextView นำเข้า android.widget.Toast คลาสสาธารณะ MainActivity ขยาย AppCompatActivity { อีเมล EditText รหัสผ่าน; @Override ป้องกันโมฆะ onCreate (Bundle saveInstanceState) { super.onCreate (savedInstanceState); setContentView(R.layout.activity_main); อีเมล =findViewById(R.id.email); รหัสผ่าน =findViewById(R.id.password); คลิกปุ่ม =findViewById(R.id.click); click.setOnClickListener ( View.OnClickListener ใหม่ () { @แทนที่โมฆะสาธารณะ onClick (ดู v) { if (!email.getText ().toString ().isEmpty ()&&(!password.getText ().toString () isEmpty())) { Toast.makeText(MainActivity.this, " you have enter email id " + email.getText().toString() + "Password" + password.getText().toString(), Toast.LENGTH_LONG) .show(); } else { email.setError("Please Enter Email id"); password.setError("Please Enter Pass word"); } } }); }}

ขั้นตอนที่ 4 − เปิด build.gradle และเพิ่มการพึ่งพาไลบรารีที่รองรับการออกแบบ

มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการรันแอพจาก android studio ให้เปิดไฟล์กิจกรรมของโปรเจ็กต์แล้วคลิกไอคอน Run จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก แล้วตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ -

ในผลลัพธ์ข้างต้นเป็นหน้าจอเริ่มต้น ตอนนี้ป้อนข้อมูลและคลิกที่ปุ่มดังที่แสดงด้านล่าง -

ตอนนี้ลบข้อมูล edittext ทั้งหมดแล้วคลิกที่ปุ่ม จะแสดงผลดังภาพด้านล่าง -