วิธีใส่ขอบให้ TextView ใน Android

การสร้างขอบ (Border) ให้ TextView

หากต้องการให้ TextView มีลักษณะเป็น 3D หรือมีขอบ เราสามารถใช้ไฟล์ Drawable ในรูปแบบ Shape ได้

ขั้นตอนการทำงาน

ขั้นตอนที่ 1: สร้างโปรเจกต์ใหม่

ไปที่ File → New Project ใน Android Studio

ขั้นตอนที่ 2: เพิ่มเลย์เอาต์ใน res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:background="#dde4dd"
    android:gravity="center"
    android:orientation="vertical">
    <TextView
        android:id="@+id/text"
        android:textSize="18sp"
        android:layout_width="wrap_content"
        android:background="@drawable/border"
        android:layout_height="wrap_content" />
</LinearLayout>

ขั้นตอนที่ 3: สร้างไฟล์ drawable/border.xml

สร้างไฟล์ res/drawable/border.xml และเพิ่มโค้ดต่อไปนี้:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="https://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@android:color/white" />
    <stroke android:width="1dip" android:color="#4fa5d5"/>
    <padding
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp"/>
</shape>

ในโค้ดข้างต้น:

<shape> กำหนดรูปร่างเป็นสี่เหลี่ยมผืนผ้า
<solid> กำหนดสีพื้นหลังเป็นสีขาว
<stroke> กำหนดขอบกว้าง 1dip สี #4fa5d5 (สีฟ้า)
<padding> กำหนดระยะห่างภายใน 10dp ทุกด้าน

ขั้นตอนที่ 4: เพิ่มโค้ด Java ใน src/MainActivity.java

package com.example.andy.myapplication;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        TextView textView = findViewById(R.id.text);
        textView.setText("Tutorialspoint india pvt ltd");
    }
}

การทดสอบ

รันแอปพลิเคชันบนอุปกรณ์จริง จะเห็น TextView พร้อมขอบสีฟ้าและพื้นหลังสีขาว