362


[Materialデザインガイドライン](http://www.google.com/design/spec/components/buttons.html)に書いてあるようなFloating
action button, Raised buttonはどのように実装すれば良いのでしょうか？

Flat buttonはこの二つを入れれば良さそうな気がするのですが…

[code]

    style="?android:borderlessButtonStyle"
    android:textStyle="bold"
    
[/code]


CC BY-SA 3.0
2014-12-05T04:26:35.230
360
2014-12-05T23:13:16.127
2014-12-05T23:13:16.127
745
450
question
android material-design
Materialデザインのボタンはどうやって実装したらよいでしょう？


Raised buttonは下記で文字と背景色を設定すればいけると思います。

[code]

    style parent="android:Widget.Material.Button"
    
[/code]

Floating action buttonはライブラリがgithubにありますね  
<https://github.com/shamanland/floating-action-button>

参考：<http://qiita.com/pside/items/b99a978b7b0fdbd52468>  
(ripple effectの解説ですがボタンの作り方が詳しく解説されています。


CC BY-SA 3.0
2014-12-05T05:08:29.747
362
2014-12-05T05:08:29.747
525
360
answer


私も現在 Material デザインの実装を行っています。

[MaterialDesignLibrary](https://github.com/navasmdc/MaterialDesignLibrary)
というライブラリは FlatButton から SnackBar まで多様な Material
デザインをカバーしており、利用や実装方法に非常に参考となります。

簡単な実装ではアイコンを用意し、以下の様なレイアウトを書くだけで可能となります。

**Floating Action Button**

[code]

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:materialdesign="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <!-- ... XML CODE -->
    <com.gc.materialdesign.views.ButtonFloat
                android:id="@+id/buttonFloat"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_alignParentBottom="true"
                android:layout_marginRight="24dp"
                android:background="#1E88E5"
                materialdesign:animate="true"
                materialdesign:icon="@drawable/ic_action_new" />
    
[/code]

ただ、現在未だ[ maven
レポジトリに登録されてない](https://github.com/navasmdc/MaterialDesignLibrary/issues/1)のでプロジェクトに含めなければいけないのが難点です。


CC BY-SA 3.0
2014-12-05T18:40:37.490
385
2014-12-05T18:40:37.490
745
360
answer