文系忘備録

どこにでもいる文系大学生の忘備録です

MENU

【Android studio】ボタンにグラフィックと丸みをつける方法

こんにちはdntfです。今回はボタン(button)にグラデーションをつけてかつ丸みをつけようと思ったら色々苦労したので忘備録残そうと思います。

 

つけ方

まず、ボタンをmaterial.button.MaterialButtonにします。

app:backgroundTint="@null"
android:background="@drawable/gradient_btn"
style="@style/Widget.MaterialComponents.Button"

↑のように設定します。

app:backgroundTint="@null"を外すとうまくいきません。理由は正直謎です。

 

そしてdrawable/gradient_btnは以下のようになります。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
android:endColor="#ED4264"
android:startColor="#FFEDBC"
android:angle="45">
</gradient>
<corners android:radius="20dp"/>
</shape>

別にangleとかは関係ないですが、<corners/><gradient>を共存させます。

f:id:dntf:20211023180257p:plain

実際に出来たボタン

そして上のようなボタンが作れます。

単純ですが見つけるまでに結構苦労しました。

今回は以上になります。

 

Kotlinで文字列のバイト数を取得する方法↓

 

dntf.hatenablog.com

varやvalについて解説↓

 

dntf.hatenablog.com