ตัวอย่างนี้สาธิตเกี่ยวกับวิธีการเพิ่มขอบด้านซ้ายด้านเดียวให้กับ TextView ใน Android โดยใช้ XML
ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่
ขั้นตอนที่ 2 − เพิ่มรหัสต่อไปนี้ใน res/layout/activity_main.xml
<?xml version = "1.0" encoding = "utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android = "https://schemas.android.com/apk/res/android" xmlns:app = "https://schemas.android.com/apk/res-auto" xmlns:tools = "https://schemas.android.com/tools" android:layout_width = "match_parent" android:layout_height = "match_parent" tools:context = ".MainActivity"> <LinearLayout android:layout_width = "match_parent" android:layout_height = "wrap_content" android:background = "@drawable/text_style" app:layout_constraintBottom_toBottomOf = "parent" app:layout_constraintLeft_toLeftOf = "parent" app:layout_constraintRight_toRightOf = "parent" app:layout_constraintTop_toTopOf = "parent"> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:layout_marginLeft = "10dp" android:text = "Hello World!" android:textSize = "30sp" /> </LinearLayout> </android.support.constraint.ConstraintLayout>
ในโค้ดด้านบน เราได้ถ่าย textview และ linear Layout ในเลย์เอาต์เชิงเส้น เราได้เพิ่มพื้นหลังเป็น text_style ดังนั้นให้สร้างไฟล์ชื่อ text_style.xml ในรูปแบบ drawable ดังที่แสดงด้านล่าง –
<?xml version = "1.0" encoding = "utf-8"?> <layer-list xmlns:android = "https://schemas.android.com/apk/res/android"> <item> <shape android:shape = "rectangle"> <solid android:color = "#FFEB3B"/> </shape> </item> <item android:left = "4dp"> <shape android:shape = "rectangle"> <solid android:color = "#FFF"/> </shape> </item> </layer-list>
ขั้นตอนที่ 3 − เพิ่มรหัสต่อไปนี้ใน src/MainActivity.java
package com.example.andy.myapplication; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } }
มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการรันแอพจาก android studio ให้เปิดไฟล์กิจกรรมของโปรเจ็กต์แล้วคลิกไอคอน Run จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก จากนั้นตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ –
ในโค้ดด้านบน แสดงเส้นขอบด้านหนึ่งสำหรับการดูข้อความ