Android 自定义按钮button 加图片和两行文字

Android 自定义按钮button 加图片和两行文字

先上效果图

首先在drawable里建四个文件

1.button.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"><!--点击背景--><item android:state_pressed="true"><shape><!--色值--><solid android:color="#e79429" /><!--圆角--><corners android:radius="10dp" /></shape></item><!--默认背景--><item><shape><solid android:color="#f6aa3e" /><corners android:radius="10dp" /></shape></item>
</selector>

button_anothor.xml跟button.xml差不多，换个颜色就行。
这两个文件主要是设计按钮的背景颜色，点击后的变化，按钮的四个角变圆。

2.button_pic.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"><item ><layer-list   xmlns:android="http://schemas.android.com/apk/res/android"><item  android:width="50dp" android:height="50dp" android:drawable="@drawable/catalogue"/></layer-list></item>
</selector>

button_pic_another.xml照抄上面，改一下图片就行。
这两个文件主要是设计按钮上的图片，修改一下图的尺寸。

下面是应用的代码：

   <LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Buttonandroid:id="@+id/one"android:layout_width="190dp"android:layout_height="100dp"android:layout_marginTop="10dp"android:layout_marginLeft="10dp"android:background="@drawable/button"android:drawableLeft="@drawable/button_pic"android:paddingBottom="8dp"android:paddingLeft="25dp"android:paddingRight="25dp"android:paddingTop="8dp"android:text="分类\n\n catalog"android:textColor="@color/white"android:textSize="18sp" /><Buttonandroid:id="@+id/two"android:layout_width="190dp"android:layout_height="100dp"android:layout_marginTop="10dp"android:layout_marginLeft="10dp"android:background="@drawable/button_anothor"android:drawableLeft="@drawable/button_pic_anothor"android:paddingBottom="8dp"android:paddingLeft="25dp"android:paddingRight="25dp"android:paddingTop="8dp"android:text="文章\n\n article"android:textColor="@color/white"android:textSize="18sp" /></LinearLayout>

上面代码中文字那块用 \n 来换行实现了两行的效果。
其中color/white是

 <color name="white">#FFFFFF</color>

这样就实现了上图的效果。

Android 自定义按钮button 加图片和两行文字相关推荐

android dialog 自定义布局,Android自定义Dialog实现加载对话框效果
前言最近开发中用到许多对话框,之前都是在外面的代码中创建AlertDialog并设置自定义布局实现常见的对话框,诸如更新提示等含有取消和删除两个按钮的对话框我们可以通过代码创建一个AlertDial ...
Android自定义相机拍照、图片裁剪的实现
原文:Android自定义相机拍照.图片裁剪的实现最近项目里面又要加一个拍照搜题的功能,也就是用户对着不会做的题目拍一张照片,将照片的文字使用ocr识别出来,再调用题库搜索接口搜索出来展示给用户,类 ...
Android 自定义View 圆形圆角图片
[Android 自定义View 圆形圆角图片] 基于Xfermode 实现 1.概述在很久以前也写过一个利用Xfermode 实现圆形.圆角图片的(Android 完美实现图片圆角和圆形(对实现进 ...
Android自定义动态布局 — 多图片上传
Android自定义动态布局 - 多图片上传本文介绍Android中动态布局添加图片,多图片上传. 项目中效果图: 技术点: 1.动态添加格局中的线条和添加图片的+号 2.多张图片异步上传首 ...
Android 自定义拍照，解决图片旋转，拍照参数设置兼容问题
Android 自定义拍照,解决图片旋转,拍照参数设置兼容问题参考文章: (1)Android 自定义拍照,解决图片旋转,拍照参数设置兼容问题 (2)https://www.cnblogs.com/ ...
Android自定义按钮状态背景
如果你觉得Android自带的按钮默认.按下时样式太low,可以尝试自定义按钮状态背景: 首先把我自定义的按钮状态背景图贴上来: 默认时: 按下后: 有没有很小清新呐~~~ 自定义按钮状态步骤如下: ...
Android --- 自定义ImageView 实现圆形图片
自定义ImageView实现圆形图片,主要是在onDraw()方法中实现绘制圆形图片,在onMeasure()中测量圆形的半径并设置View的宽高.效果如下图代码如下 public class Ci ...
界面组件——按钮(Button)与图片按钮(ImageButton)
介绍用例介绍 Button继承了TextView,同时还是ImageButton的父类. Button.ImageButton的功能主要是在UI界面上生成一个按钮,该按钮可以供用户单击,当用户单击 ...
Android自定义按钮样式
安卓系统自带的按钮样式很不好看,满足不了感官需求,如何自定义一个自己需要的按钮样式呢? 分三步来介绍: 1.自定义按钮背景样式,在res/drawable/目录下新建bg_btn.xml文件. < ...
MFC 基础知识：对话框背景添加图片和按钮Button添加图片
很长时间没有接触MFC相关的知识了,我大概是在大二时候学习的MFC相关知识及图像处理,现在由于要帮个朋友完成个基于C++的程序,所以又回顾了下相关知识.的确,任何知识一段时间过后都比较容易忘记,但回顾 ...

Android 自定义按钮button 加图片和两行文字

Android 自定义按钮button 加图片和两行文字相关推荐

最新文章

热门文章