Androidで角丸・円形のEditText（入力欄）を作成する方法【コード付き解説】

この記事では、Androidアプリで角丸・円形のEditText（編集テキスト）を作成する方法を、実際のコード例とともにわかりやすく解説します。背景にカスタムdrawableを指定することで、デザイン性の高い入力欄を簡単に実装できます。

手順1：Android Studioで新規プロジェクトを作成する

まず、Android Studioで新しいプロジェクトを作成します。メニューから「File」→「New Project」を選択し、必要な情報をすべて入力してプロジェクトを作成しましょう。

手順2：レイアウトファイル（activity_main.xml）にコードを追加する

次に、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"
    android:orientation="vertical"
    android:gravity="center"
    android:layout_marginTop="30dp"
    tools:context=".MainActivity">
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:paddingStart="5dp"
        android:paddingLeft="5dp"
        android:background="@drawable/background" />
</LinearLayout>

上記のコードでは、EditTextを配置し、その背景として background.xml を指定しています。android:background="@drawable/background" の部分がポイントです。ここで独自の描画ファイルを読み込むことで、 EditTextの見た目を自由にカスタマイズできます。

手順3：drawableフォルダにbackground.xmlを作成する

続いて、res/drawable/background.xml に以下のコードを追加します。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="https://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF" />
    <stroke
        android:width="1dp"
        android:color="#2f6699" />
    <corners
        android:radius="10dp" />
</shape>

このファイルでは、shapeタグを使ってEditTextの背景を定義しています。各要素の役割は以下のとおりです。

• solid： 背景の塗りつぶし色を指定します（ここでは白 #FFFFFF）。
• stroke： 枠線の太さと色を指定します（幅1dp、青系の色 #2f6699）。
• corners： 角の丸み（半径）を指定します。値を大きくするとより円形に近づきます。

アプリを実行して確認する

それでは、アプリケーションを実行してみましょう。実機のAndroidスマートフォンをパソコンに接続しているものとします。Android Studioからアプリを起動するには、プロジェクト内のいずれかのアクティビティファイルを開き、ツールバーの「Run」アイコンをクリックします。デバイスの選択画面で自分のスマートフォンを選択すると、端末に以下のような画面が表示されます。

まとめ

shapeタグを使ったdrawableファイルを用意し、EditTextのbackground属性に指定するだけで、角丸や円形の入力欄を簡単に作成できます。cornersのradius値を調整すれば、丸みの強さも自由に変更できるので、ぜひ自分のアプリのデザインに合わせてカスタマイズしてみてください。