HOME技術AndroidAndroidアプリ:ボタンやEditTextを角丸にする

Androidアプリ:ボタンやEditTextを角丸にする

Android StudioでボタンやEditTextを配置して、角丸にします。
角丸や色などを指定する場合には、それ専用のxmlファイルを別途用意し、読み込ませるようにします。

ボタンの背景色と角丸を設定する

まず設定用のxmlファイルを新規に作成します。
「app\res\drawable」上で右クリックして、「New」→「Drawable resource file」を選択します。

「New Resource File」の画面が表示されたら、「File name」の欄にxmlファイル名をつけます。
(ファイル名は半角小文字英数と_のみです。大文字にしようとするとエラーが出ます)
名前を付けてOKを押すと、drawableフォルダ以下にそのファイルが生成されます。
ここではファイル名を「partsdesign」とします。

生成されたpartsdesign.xmlを開き、<selector>~</selector>内に以下のように入力します。

<item>
<shape android:shape=”rectangle”>
<corners
android:topRightRadius=”5dp”
android:topLeftRadius=”5dp”
android:bottomRightRadius=”5dp”
android:bottomLeftRadius=”5dp”
/>
<solid
android:color=”@color/colorPrimary”
/>
</shape>
</item>

<corners … />に書いた内容が角丸の指定です。
topRightRadius…右上の角
topLeftRadius…左上の角
bottomRightRadius…右下の角
bottomLeftRadius…左下の角
個別に大きさを変えることもできます。

<solid android:color=”@color/colorPrimary” />は、背景色の指定です。
これは、「app\res\values\colors.xml」に指定されている「colorPrimary」という設定を読み込んでいます。

レイアウトファイル(activity_main.xml)を編集する

activity_main.xmlを開き、角丸を設定したいコントロールのタグ内に、以下のように書きます。

android:background=”@drawable/partsdesign”

ここでは、ButtonとEditTextの2つに指定しました。

エミュレータを起動すると、以下のように表示されます。

関連記事

Androidアプリ:ボタンのテキストを変える

Androidでボタンのテキストをプログラム上で変える方法です。 MainActivity.java   Button button = findViewById(R.id.button);…続きを読む

Androidアプリ:ERROR: This project uses AndroidX dependencies, but the ‘android.useAndroidX’ property is not enabled.

Android Studioでビルドしようとしたら、「ERROR: This project uses AndroidX dependencies, but the ‘android.us…続きを読む

Androidアプリ:ライブラリの更新とエラーの修正

Androidアプリを開発していて、Build.gradle(app)の、dependenciesの項目内でハイライト表示されたり、赤い下線が引かれたりすることがあります。 ハイライトはライブラリを更…続きを読む

Androidアプリ:フォーカスをあてたEditTextのテキストを全選択する

Android StudioでEditTextにフォーカスが当たったと同時に、既に入力されている文字列をすべて選択した状態にする方法です。 EditTextタグに以下のコードを追加 android:s…続きを読む

Google広告でポリシー違反「句読点と記号」に対応する

モバイルアプリのGoogle広告のキャンペーンを設定しましたが、「ポリシー違反1件」と表示されました。 ポリシー違反「句読点と記号」 ポリシー違反の詳細を見ると、「句読点と記号」というヒントが表示され…続きを読む

Androidアプリ:error: expected color reference but got (raw string)

Android Studioでビルドした際に、C:\android\project\***\app\src\main\res\values\styles.xml: AAPT: error: expec…続きを読む

Androidアプリ:内部テスト版をリリースする

Androidアプリで完成したものをすぐに公開する前に、内部テスト版としてリリースして動作確認をする方法です。 内部テスト版リリース方法 Google Play Consoleにログインして、「すべて…続きを読む

Androidアプリ:ボタンの表示/非表示

Androidでボタンの表示/非表示をプログラム上からコントロールします。 MainActivity.java   Button button = findViewById(R.id.but…続きを読む

Androidアプリ:ボタンをタップして別画面に遷移する

ボタンをタップしたら別画面に遷移させる方法です。 以下の例では、メイン画面の「ボタン」をクリックすると、サブ画面に移動し、サブ画面の「終了」ボタンを押すとメイン画面に戻ってきます。 メイン画面 act…続きを読む

Androidアプリ:レイアウトの途中にスクロールを入れる

Androidアプリで以下のようなレイアウトを組む方法です。 weightSumを使う 上、中央、下のパーツに分けて、上下のパーツは固定、中央のパーツはスクロール可能にします。 最初にLinearLa…続きを読む