利用代码实现自定义圆角+阴影按钮 android-flat-button
利用代码实现自定义圆角+阴影按钮 android-flat-button
非著名程序员
发布于 2018-02-02 11:53:05
发布于 2018-02-02 11:53:05
利用代码实现自定义圆角+阴影按钮 android-flat-button
android-flat-button效果图：
说明：android-flat-button 自定义Button，实现按钮阴影和按下效果。
1、第一步
dependencies {
compile 'info.hoang8f:fbutton:1.0.5'
}2、自定义属性
属性 | 默认属性值 | xml | java |
|---|---|---|---|
button color | #3eadeb | buttonColor | setButtonColor(int color) |
enable shadow | true | shadowEnabled | setShadowEnabled(boolean isEnabled) |
shadow color | Automatically generated from button color | shadowColor | setShadowColor(int color) |
shadow height | 4dp | shadowHeight | setShadowHeight(int height) |
corner radius | 8dp | cornerRadius | setCornerRadius(int radius) |
3、布局文件中使用
<info.hoang8f.widget.FButton
...
fbutton:buttonColor="@color/color_concrete"
fbutton:shadowColor="@color/color_asbestos"
fbutton:shadowEnabled="true"
fbutton:shadowHeight="5dp"
fbutton:cornerRadius="5dp"
...
/>4、代码中使用
disabledBtn.setButtonColor(getResources().getColor(R.color.color_concrete));
disabledBtn.setShadowColor(getResources().getColor(R.color.color_asbestos));
disabledBtn.setShadowEnabled(true);
disabledBtn.setShadowHeight(5);
disabledBtn.setCornerRadius(5);
5、color文件
<color name="fbutton_color_turquoise">#1abc9c</color>
<color name="fbutton_color_green_sea">#16a085</color>
<color name="fbutton_color_emerald">#2ecc71</color>
<color name="fbutton_color_nephritis">#27ae60</color>
<color name="fbutton_color_peter_river">#3498db</color>
<color name="fbutton_color_belize_hole">#2980b9</color>
<color name="fbutton_color_amethyst">#9b59b6</color>
<color name="fbutton_color_wisteria">#8e44ad</color>
<color name="fbutton_color_wet_asphalt">#34495e</color>
<color name="fbutton_color_midnight_blue">#2c3e50</color>
<color name="fbutton_color_sun_flower">#f1c40f</color>
<color name="fbutton_color_orange">#f39c12</color>
<color name="fbutton_color_carrot">#e67e22</color>
<color name="fbutton_color_pumpkin">#d35400</color>
<color name="fbutton_color_alizarin">#e74c3c</color>
<color name="fbutton_color_pomegranate">#c0392b</color>
<color name="fbutton_color_clouds">#ecf0f1</color>
<color name="fbutton_color_silver">#bdc3c7</color>
<color name="fbutton_color_concrete">#95a5a6</color>
<color name="fbutton_color_asbestos">#7f8c8d</color>本文参与 腾讯云自媒体分享计划，分享自微信公众号。
原始发表：2015-12-15，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录