android flat button,GitHub - hoang8f/android-flat-button: FButton - a flat button library for Androi...

FButton 68747470733a2f2f6d6176656e2d6261646765732e6865726f6b756170702e636f6d2f6d6176656e2d63656e7472616c2f696e666f2e686f616e6738662f66627574746f6e2f62616467652e737667

FButton is a custom Button of Android with "Flat UI" concept. FButton's design get inspiration from designmono. This library is very small and highly customizable.

Screenshot

screenshot.gif

Including in your project

###Using Maven

FButton Library is pushed to Maven Central, so you just need to add the following dependency to your build.gradle.

dependencies {

compile 'info.hoang8f:fbutton:1.0.5'

}

###Manually

Copy/merge the following files to corresponding folder/file:

info/hoang8f/widget/FButton.java

res/values/attrs.xml

res/values/colors.xml

res/values/dimens.xml

Customizable attributes

Attribute

default value

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)

Usage

If the default values of custom attribues did not meet your requirement, you can easily re-config that attributes. This is sample code that you can refer. you can also browse demo app for more details.

via xml (sample)

Define xmlns:fbutton="http://schemas.android.com/apk/res-auto" on root of your xml file

...

fbutton:buttonColor="@color/color_concrete"

fbutton:shadowColor="@color/color_asbestos"

fbutton:shadowEnabled="true"

fbutton:shadowHeight="5dp"

fbutton:cornerRadius="5dp"

...

/>

via code (sample)

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);

Color Swatches

For your convenience Swatches Preset by designmono are also defined in this library

//Color Swatches provided by http://designmodo.github.io/Flat-UI/

#1abc9c

#16a085

#2ecc71

#27ae60

#3498db

#2980b9

#9b59b6

#8e44ad

#34495e

#2c3e50

#f1c40f

#f39c12

#e67e22

#d35400

#e74c3c

#c0392b

#ecf0f1

#bdc3c7

#95a5a6

#7f8c8d

Developed By

Le Van Hoang (@hoang8f)

License

Copyright {2014} {Le Van Hoang}

Licensed under the Apache License, Version 2.0 (the "License");

you may not use this file except in compliance with the License.

You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software

distributed under the License is distributed on an "AS IS" BASIS,

WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

See the License for the specific language governing permissions and

limitations under the License.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值