做公司网站需要营业执照吗,游戏类网站怎么做,做网站在哪买域名,好看的网站推荐一下在Android开发中经常会需要用到带文字和图片的button#xff0c;下面来讲解一下常用的实现办法。 一.用系统自带的Button实现 最简单的一种办法就是利用系统自带的Button来实现#xff0c;这种方式代码量最小。在Button的属性中有一个是drawableLeft#xff0c;这个 属性可以… 在Android开发中经常会需要用到带文字和图片的button下面来讲解一下常用的实现办法。 一.用系统自带的Button实现 最简单的一种办法就是利用系统自带的Button来实现这种方式代码量最小。在Button的属性中有一个是drawableLeft这个 属性可以把图片设置在文字的左边但是这种方式必须让icon的背景色是透明的如果icon的背景色不是透明的话会导致点击按钮时icon部分的背景 色不会发生变化。 主要代码 Button android:idid/bt3android:layout_marginTop4dp android:layout_widthwrap_content android:layout_heightwrap_content android:text火车 android:textSize16sp android:textColor#000000 android:paddingLeft5dp android:paddingTop5dp android:paddingRight5dp android:paddingBottom5dp android:drawableLeftdrawable/line_bus_icon android:backgrounddrawable/button_bg /Button 实现效果 如果要让文字在图标下方改成drawableTop即可。 二.继承系统的Button然后进行重绘 package com.test;import android.content.Context;
import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.util.AttributeSet; import android.widget.Button; public class ImageTextButton2 extends Button { private int resourceId 0; private Bitmap bitmap; public ImageTextButton2(Context context) { super(context,null); } public ImageTextButton2(Context context,AttributeSet attributeSet) { super(context, attributeSet); this.setClickable(true); resourceId R.drawable.icon; bitmap BitmapFactory.decodeResource(getResources(), resourceId); } public void setIcon(int resourceId) { this.bitmap BitmapFactory.decodeResource(getResources(), resourceId); invalidate(); } Override protected void onDraw(Canvas canvas) { // TODO Auto-generated method stub // 图片顶部居中显示 int x (this.getMeasuredWidth() - bitmap.getWidth())/2; int y 0; canvas.drawBitmap(bitmap, x, y, null); // 坐标需要转换因为默认情况下Button中的文字居中显示 // 这里需要让文字在底部显示 canvas.translate(0,(this.getMeasuredHeight()/2) - (int) this.getTextSize()); super.onDraw(canvas); } } 然后再布局文件中调用 com.test.ImageTextButton2android:idid/bt2android:layout_marginTop10dp android:texthello android:textSize15dp android:textColor#000000 android:layout_width60dp android:layout_height70dp android:backgrounddrawable/button_bg / 注意在xml文件中调用时对于layout_width和layout_height两个属性千万不能用wrap_content否则会导致按钮显示出来的只有文字部分。 三.继承布局文件 分析发现一个带文字和icon的button其实可以看成一个线性布局或相对布局因此可以继承布局来实现。 先实现一个button的布局文件img_text_bt.xml ?xml version1.0 encodingutf-8?
RelativeLayoutxmlns:androidhttp://schemas.android.com/apk/res/android android:layout_widthwrap_content android:layout_heightwrap_content ImageView android:idid/imgview android:layout_alignParentToptrue android:layout_widthwrap_content android:layout_heightwrap_content android:layout_centerInParenttrue android:srcdrawable/icon /ImageView TextView android:idid/textview android:layout_widthwrap_content android:layout_heightwrap_content android:layout_centerInParenttrue android:layout_belowid/imgview /TextView /RelativeLayout 然后去继承RelativeLayout布局 package com.test;import android.content.Context;
import android.util.AttributeSet; import android.view.LayoutInflater; import android.widget.ImageView; import android.widget.RelativeLayout; import android.widget.TextView; public class ImageTextButton1 extends RelativeLayout { private ImageView imgView; private TextView textView; public ImageTextButton1(Context context) { super(context,null); } public ImageTextButton1(Context context,AttributeSet attributeSet) { super(context, attributeSet); LayoutInflater.from(context).inflate(R.layout.img_text_bt, this,true); this.imgView (ImageView)findViewById(R.id.imgview); this.textView (TextView)findViewById(R.id.textview); this.setClickable(true); this.setFocusable(true); } public void setImgResource(int resourceID) { this.imgView.setImageResource(resourceID); } public void setText(String text) { this.textView.setText(text); } public void setTextColor(int color) { this.textView.setTextColor(color); } public void setTextSize(float size) { this.textView.setTextSize(size); } } 然后就可以在需要的xml文件中调用 com.test.ImageTextButton1 android:idid/bt1android:layout_widthwrap_content android:layout_heightwrap_content android:backgrounddrawable/button_bg / 再在Activity中使用 bt1 (ImageTextButton1)findViewById(R.id.bt1);bt1.setText(icon);bt1.setTextColor(Color.rgb(0, 0, 0));bt1.setOnClickListener(new OnClickListener() {Overridepublic void onClick(View v) { // TODO Auto-generated method stub Toast.makeText(MainActivity.this, bt1被点击了, Toast.LENGTH_SHORT).show(); } }); 三种不同方法最后的运行效果 工程源码下载地址http://files.cnblogs.com/dolphin0520/TestImgTextButton.rar 转载于:https://www.cnblogs.com/Free-Thinker/p/5571875.html
