Android开源项目——设置图文居中的按钮 IconButton
2016-07-27 11:19
459 查看
转自:http://blog.csdn.net/maosidiaoxian/article/details/43560209
本文介绍一下一个小众的开源项目——IconButton。
本文原创,转载请注明出处:
http://blog.csdn.net/maosidiaoxian/article/details/43560209
简介
这是一个老外两年前写的项目,见:https://github.com/pnc/IconButton。它可以使一个Button的图片与文字一起居中,如下图:
![](https://img-blog.csdn.net/20150206093307444?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbWFvc2lkaWFveGlhbg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
以前要实现这种效果却是用一个Layout和一个ImageView一个TextView来实现它的同学,看到这个项目的这一刻,满满的感动有木有?
扩展
为方便在项目中使用,及实现项目里的其它需求,我fork了此项目,对它进行了修改和扩展,并发布到jCenter中。另外,表示老外真的很友好。
为实现设计师设计的界面,我对它的扩展如下:
1.扩展了居中策略。原来的IconButton中,是图片、图片与文字的间距和文字一起居中的。我扩展为默认是这三个一起居中,但也可以设置为仅文字居中或者文字与间距居中。
2.增加了IconCheckBox。这主要是为实现下图中的效果:
![](https://img-blog.csdn.net/20150206094145474?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbWFvc2lkaWFveGlhbg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
在上图中,文字是要居中的,而小箭头则在它旁边,并且小箭头与文字有一定的间距。
我的项目地址为:https://github.com/msdx/IconButton。扩展的内容见develop分支。
使用
对于使用Gradle 构建的Android Studio项目,使用方式很简单,先确定你在根项目的build.gradle中声明了JCenter中央仓:
在CODE上查看代码片派生到我的代码片
然后在模块中的build.gradle中添加此依赖:
eclipse项目,且不是用Gradle构建的,那就乖乖地拷贝代码或导入项目吧。
接下来,只要在布局文件中用这个IconButton或IconCheckBox就可以了,代码如下:
在CODE上查看代码片派生到我的代码片
其中的iconPadding是图片与文字的间距。
其它扩展使用见项目中的app模块的代码。
本文介绍一下一个小众的开源项目——IconButton。
本文原创,转载请注明出处:
http://blog.csdn.net/maosidiaoxian/article/details/43560209
简介
这是一个老外两年前写的项目,见:https://github.com/pnc/IconButton。它可以使一个Button的图片与文字一起居中,如下图:
以前要实现这种效果却是用一个Layout和一个ImageView一个TextView来实现它的同学,看到这个项目的这一刻,满满的感动有木有?
扩展
为方便在项目中使用,及实现项目里的其它需求,我fork了此项目,对它进行了修改和扩展,并发布到jCenter中。另外,表示老外真的很友好。
为实现设计师设计的界面,我对它的扩展如下:
1.扩展了居中策略。原来的IconButton中,是图片、图片与文字的间距和文字一起居中的。我扩展为默认是这三个一起居中,但也可以设置为仅文字居中或者文字与间距居中。
2.增加了IconCheckBox。这主要是为实现下图中的效果:
在上图中,文字是要居中的,而小箭头则在它旁边,并且小箭头与文字有一定的间距。
我的项目地址为:https://github.com/msdx/IconButton。扩展的内容见develop分支。
使用
对于使用Gradle 构建的Android Studio项目,使用方式很简单,先确定你在根项目的build.gradle中声明了JCenter中央仓:
在CODE上查看代码片派生到我的代码片
repositories { jcenter() }
然后在模块中的build.gradle中添加此依赖:
dependencies { compile 'com.githang:com-phillipcalvin-iconbutton:2.0.2' }
eclipse项目,且不是用Gradle构建的,那就乖乖地拷贝代码或导入项目吧。
接下来,只要在布局文件中用这个IconButton或IconCheckBox就可以了,代码如下:
在CODE上查看代码片派生到我的代码片
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"
<com.phillipcalvin.iconbutton.IconButton android:id="@+id/search" android:drawableLeft="@drawable/action_search" android:text="@string/search" app:iconPadding="10dp" />
其中的iconPadding是图片与文字的间距。
其它扩展使用见项目中的app模块的代码。
相关文章推荐
- Android 属性拷贝,属性复制的工具类
- android项目管理activity的类
- Android Studio 使用Gradle多渠道打包
- android 环境配置
- android fragment 使用以及嵌套使用 底部菜单和顶部菜单
- Android 开始一个activity的同时保留导航
- android删除私密信息
- Android源码解析Activity#setContentView()方法
- 新手Android学习笔记 05——IllegalStateException非法异常之一
- 新手Android学习笔记 05——IllegalStateException非法异常之一
- android studio radioGroup radiobutton使用listactivity演示
- 动态修改actionBar返回键颜色
- Activity的启动模式
- 关于Android下各个布局方式里面LayoutParams的用法
- 关于Android下各个布局方式里面LayoutParams的用法
- Android 自己实现 NavigationView [Design Support Library(1)]
- android developer tiny share-20160726
- android developer tiny share-20160726
- android studio 快捷键
- View的工作原理