【Android】TextView（テキストビュー）の周囲に枠線（ボーダー）を付ける方法

Microsoft PowerPointで見かけるような立体的なテキストのように、TextViewを装飾して表示したいケースは少なくありません。この記事では、AndroidアプリのTextViewの周囲に枠線（ボーダー）を付ける方法を、実際のコード例とともにステップごとにわかりやすく解説します。

手順1：新しいプロジェクトを作成する

まず、Android Studioを起動し、「File」→「New Project」を選択します。必要な項目をすべて入力して、新しいプロジェクトを作成してください。

手順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>

上記のコードでは、背景に枠線用のドローアブルを指定したTextViewを1つ配置しています。このままでは参照先のファイルが存在しないため、次に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>

このXMLでは、ルートタグとして「shape」を使用し、形状をrectangle（長方形）に設定しています。さらに、stroke要素で枠線の太さ（1dip）と色（#4fa5d5）を指定し、padding要素で文字と枠線の間の余白を上下左右それぞれ10dpに設定しています。

手順3：MainActivity.javaにコードを追加する

続いて、src/MainActivity.java に以下のコードを記述します。

package com.example.andy.myapplication;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import org.w3c.dom.Text;
import java.util.Locale;

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");
    }
}

アプリを実行して結果を確認しよう

それでは、アプリを実行してみましょう。ここでは、実機のAndroidスマートフォンがパソコンに接続されているものとして説明します。Android Studioでプロジェクト内のアクティビティファイルを開き、ツールバーの「Run」アイコンをクリックしてください。表示された選択肢から接続中のモバイル端末を選ぶと、端末の画面に以下のように表示されます。

上記の実行結果のように、TextViewの周囲に白い背景と水色の枠線が正しく表示されていることが確認できます。このように、shapeタグを使ったドローアブルを作成して背景に指定するだけで、簡単にTextViewへ枠線を追加できます。色や太さ、余白の値を変更すれば、さまざまなデザインに応用できるので、ぜひ試してみてください。