1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

テキストやボタンの端を丸くする Android

Posted at

#はじめに
テキストやボタンの端を丸くする方法を簡単にまとめました。

#1.Layout resource file の作成
layout_width 200dp
layout_height 50dpのTextViewの端を丸くさせます。

drawableフォルダにDrawable resource fileを作成する


スクリーンショット 2020-04-26 21.18.54.png

#2.背景色と丸み
作成した、Drawable resource file<shapeタグにし
<solid android:color="@android:color/holo_orange_light"/>で色を
<corners android:radius="25dp"/>で丸の大きさを決める。
今回はtextviewのhightを50dpにしたので25dpとした。

<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <solid android:color="@android:color/holo_orange_light"/>
    <corners android:radius="25dp"/>

</shape>

#3.backgrounに反映させる
TextViewのbackgroundを作成したDrawable resource fileに指定する。

 <TextView
        android:id="@+id/textView"
        android:layout_width="200dp"
        android:layout_height="50dp"
        android:gravity="center"
        android:text="TextView"
        android:background="@drawable/rounded_textview"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

丸くする事が出来た!


ボタンも同じように丸く出来ます。

スクリーンショット 2020-04-26 21.50.45.png #まとめ 端を丸めるデザインが多いので備忘録として残しました。
1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?