web-dev-qa-db-ja.com

Android「フラットボタン」を作成

マテリアルテーマには、2つのタイプのボタンがあります：上げボタンとフラットボタン：

Raised and Flat

<Button>を作成すると、「上げられた」ボタンのように見えます。マークアップを使用して、「フラットボタン」を作成する方法を教えてください。それを行うためのスタイルや属性はありますか？この画像はテーマエディターで見つけました。

androidandroid-layoutbutton
30
an earwig

次のようにButtonでstyle="?android:attr/borderlessButtonStyleを使用できます。

<Button
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:text="TextGoesHere"
style="?android:attr/borderlessButtonStyle"
/>

BorderlessButtonStyle

明示的な境界線のないボタンのスタイル。多くの場合グループで使用されます。

また、これらを使用できます Flat Buttons

66
Skizo-ozᴉʞS

build.gradleに依存関係を追加します

dependencies {
    compile 'com.Android.support:appcompat-v7:25.0.0'
}

次に、レイアウトXMLファイルで、ボタンにスタイル属性を追加します

<Button
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:text="Button"
    style="@style/Widget.AppCompat.Button.Borderless"/>

カスタムスタイルを定義することにより、ボタンが押されたときに色を変更できます

<style name="FlatButtonStyle" parent="Theme.AppCompat.Dark">
    <item name="colorControlHighlight">@color/transparent</item>
</style>

このスタイルをレイアウトXMLに適用する

Android:theme="@style/FlatButtonStyle"
8
pha