Android(安卓)自定义标签 Imagebutton实现ImageButton里放置文字
16lz
2021-01-26
1 .android的ImageButton标签是没有text属性的，那么我们要在一个ImageButton里放置文字怎么办呢？
先上效果图如下：
如果我们不设置背景效果如下：但是给人的感觉就行分离的两个组件：
我们可以继承LinearLayout自定义标签：ImageButton_define.java
01 | package com.test; |
02 | import android.content.Context; |
03 | import android.util.AttributeSet; |
04 | import android.widget.ImageView; |
05 | import android.widget.LinearLayout; |
06 | import android.widget.TextView; |
07 |
08 | public class ImageButton_define extends LinearLayout { |
09 | |
10 | private ImageView imageViewbutton; |
11 | |
12 | private TextView textView; |
13 |
14 | public ImageButton_define(Context context,AttributeSet attrs) { |
15 | super(context,attrs); |
16 | // TODO Auto-generated constructor stub |
17 | |
18 | imageViewbutton = new ImageView(context, attrs); |
19 | |
20 | imageViewbutton.setPadding(0, 0, 0, 0); |
21 | |
22 | textView =new TextView(context, attrs); |
23 | //水平居中 |
24 | textView.setGravity(android.view.Gravity.CENTER_HORIZONTAL); |
25 | |
26 | textView.setPadding(0, 0, 0, 0); |
27 | |
28 | setClickable(true); |
29 | |
30 | setFocusable(true); |
31 | |
32 | setBackgroundResource(android.R.drawable.btn_default); |
33 | |
34 | setOrientation(LinearLayout.VERTICAL); |
35 | |
36 | addView(imageViewbutton); |
37 | |
38 | addView(textView); |
39 | |
40 | } |
41 |
42 | } |
2。接下来定义布局文件：
这个不就文件使用的标签就是我们上面自定义的标签：如下：text.xml
01 | <?xml version="1.0" encoding="utf-8"?> |
02 | <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" |
03 | android:layout_width="wrap_content" |
04 | android:layout_height="wrap_content"> |
05 | <com.test.ImageButton_define |
06 | android:id="@+id/define_iamgebutton" |
07 | android:layout_width="fill_parent" |
08 | android:layout_height="fill_parent" |
09 | android:src="@drawable/android" |
10 | android:background="#00000000" |
11 | android:text="图片文本" |
12 | android:textColor="#cc0000" |
13 | > |
14 | |
15 | |
16 | |
之后我们定义个activity，引入我们定义的布局文件资源：ImageButton_de.java
01 | package com.test; |
02 |
03 | import android.app.Activity; |
04 | import android.os.Bundle; |
05 |
06 | public class ImageButton_de extends Activity { |
07 | |
08 | @Override |
09 | protected void onCreate(Bundle savedInstanceState) { |
10 | // TODO Auto-generated method stub |
11 | super.onCreate(savedInstanceState); |
12 | |
13 | setContentView(R.layout.test); |
14 | } |
15 |
16 | } |
方法二：
定义布局文件：
1 | <Button |
2 | android:id="@+id/button_text" |
3 | android:layout_width="wrap_content" |
4 | android:layout_height="wrap_content" |
5 | android:text="标题" |
6 | android:drawableLeft="@drawable/android" |
7 | /> |
运行效果：
更多相关文章
- Pro Android学习笔记（五）：了解Content Provider（上）
- Android(安卓)Retrofit的简单介绍和使用
- Android(安卓)下载模块分析(DownloadManager和DownloadProvider)
- 弹窗之三：自定义Dialog
- Android(安卓)接口和抽象类的区别
- Google Search Widget
- Android(安卓)SimpleArrayMap源码解析
- 仿QQ设置字体大小自定义SeekBar
- Android(安卓)自定义title 之二