- 浏览: 385930 次
最新评论
-
qq_19471875:
为了感谢楼主 我特意注册了一个账号!,谢谢!很实用!真棒
ViewPager刷新单个页面的方法 -
asdf658:
...
Eclipse安装server插件 -
JasonMichael:
多谢。搞定~
Eclipse安装server插件 -
passerby_whu:
应该是官网写错了。应该是144x144.
Android不太能够分辨率launcher icon的适配 -
zhengyong7232:
Create or replace function test ...
postgresql产生随机数和随机日期的存储过程
要实现一个同时包含图片和文字的按钮,粗糙一点的做法当然是直接画个含有画像和文字的png做button的背景,但是考虑到文字部分的国际化以及灵活性的话,就必须把图片和文字独立开来了。原生的Button控件是做不到的,方法应该有很多,这里介绍我做法,说白了就是一个父View包裹两个子View,父View选用LinearLayout,子View分别是ImageView和TextView。下面看下主要的实现类:
这个类在构造时会生成一个默认的按钮,图片在上,文字在下,还有一些字体等的默认设置,为了尽量做到共通化,又提供了尽可能多的接口以满足不同的式样需求。具体怎么用呢?
1.布局文件中加一个容器,供我们放置自己的ImageButton对象:
2.在Activity中获取到容器,并将我们的ImageButton放进去:
这样就OK了,至于button的背景啊,点击时的效果,和这篇文章关系不大,不过还是把我自己的xml贴上来吧。
my_img_btn_default.xml
如果想要圆角button,在<shape>标签下增加子标签<corners android:radius="5dp" />就可以了,该文件放在drawable下就可使用
package net.jackie.xxx.view; import net.jackie.xxx.pickmeupandroid.R; import android.content.Context; import android.view.Gravity; import android.widget.ImageView; import android.widget.ImageView.ScaleType; import android.widget.LinearLayout; import android.widget.TextView; /** * @author jackie * */ public class MyImageButton extends LinearLayout { private ImageView mButtonImage = null; private TextView mButtonText = null; private int textSize = 18; /** * * @param context * @param intArray intArray[0] : ImageResourceId; * intArray[1] : textResourceId; intArray[2] : textSize. Other intArray is useless */ public MyImageButton(Context context, int... intArray) { super(context); // Init instance mButtonImage = new ImageView(context); mButtonText = new TextView(context); int len = intArray.length; if (len >= 1) { // Set Image Resource setImageResource(intArray[0]); } if (len >= 2) { // Set Text setText(intArray[1]); } if (len >= 3) { // Change text size textSize = intArray[2]; } /** Set Child View(ImageView/TextView) properties */ // Set Text Size : default 18 setTextSize(textSize); // Set ImageView ScaleType : default CENTER_INSIDE(located center, without resize) setImgScaleType(ScaleType.CENTER_INSIDE); LayoutParams layoutParams = new LayoutParams(LayoutParams.MATCH_PARENT, 0, 0.5f); // Set ImageView LayoutParams : default half setImgLayoutParams(layoutParams); // Set TextView LayoutParams : default half setTextLayoutParams(layoutParams); // Set Text Gravity : default center setTextGravity(Gravity.CENTER); // Set Text Color : default white setTextColor(0xFFFFFFFF); /** Set Father View(LinearLayout) properties */ setClickable(true); setFocusable(true); LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT, 1); // params.gravity = Gravity.CENTER; // Set Father View Orientation : default fulfill setFatherViewLayoutParams(params); // Set Father View Orientation : default my_img_btn_default setFatherViewBgResource(R.drawable.my_img_btn_default); // Set Father View Orientation : default VERTICAL setFatherViewOrientation(LinearLayout.VERTICAL); addView(mButtonImage); addView(mButtonText); } /* * setImageResource */ public void setImageResource(int resId) { mButtonImage.setImageResource(resId); } /* * setText */ public void setText(int resId) { mButtonText.setText(resId); } public void setText(CharSequence buttonText) { mButtonText.setText(buttonText); } /* * setTextColor */ public void setTextColor(int color) { mButtonText.setTextColor(color); } /* * setTextSize */ public void setTextSize(int textSize) { mButtonText.setTextSize(textSize); } /** * @param layoutParams the layoutParams to set */ public void setImgLayoutParams(LayoutParams layoutParams) { mButtonImage.setLayoutParams(layoutParams); } /** * Controls how the image should be resized or moved to match the size of this ImageView * * @param layoutParams the layoutParams to set */ public void setImgScaleType(ScaleType scaleType) { mButtonImage.setScaleType(scaleType); } /** * @param layoutParams the layoutParams to set */ public void setTextLayoutParams(LayoutParams layoutParams) { mButtonText.setLayoutParams(layoutParams); } /** * @param gravity the gravity to set */ public void setTextGravity(int gravity) { mButtonText.setGravity(gravity); } /** * Set Father View LayoutParams. Notice that this method should not be used generally. * * @param params */ public void setFatherViewLayoutParams(LayoutParams params) { super.setLayoutParams(params); } public void setFatherViewBgResource(int resId) { super.setBackgroundResource(resId); } /** * Set orientation of this Linearlayout. Notice that since the default orientation is vertical, * when you use this method to modify the orientation to horizontal , make sure that you * also use {@link #setImgLayoutParams(LayoutParams layoutParams)} and * {@link #setTextLayoutParams(LayoutParams layoutParams)} together, otherwise, * the button can not be displayed normally * * @param orientation */ public void setFatherViewOrientation(int orientation) { super.setOrientation(orientation); } }
这个类在构造时会生成一个默认的按钮,图片在上,文字在下,还有一些字体等的默认设置,为了尽量做到共通化,又提供了尽可能多的接口以满足不同的式样需求。具体怎么用呢?
1.布局文件中加一个容器,供我们放置自己的ImageButton对象:
<LinearLayout android:id="@+id/pickUpBtnContainer" android:orientation="horizontal" android:layout_width="0dip" android:layout_height="match_parent" android:layout_weight="0.5" android:gravity="center" />
2.在Activity中获取到容器,并将我们的ImageButton放进去:
private void initImageButtons() { // Get button container pickUpBtnContainer = (LinearLayout) findViewById(R.id.pickUpBtnContainer); // Get button instance pickUpBtn = new MyImageButton(this, R.drawable.test_img, R.string.pickupCtn, 18); // Put button instance into button container pickUpBtnContainer.addView(pickUpBtn); // Set button OnClickListener pickUpBtn.setOnClickListener(new Button.OnClickListener(){ @Override public void onClick(View v) { // TODO 这里做什么不用说了 // } }); }
这样就OK了,至于button的背景啊,点击时的效果,和这篇文章关系不大,不过还是把我自己的xml贴上来吧。
my_img_btn_default.xml
<?xml version="1.0" encoding="UTF-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true"> <shape> <gradient android:startColor="@color/my_btn_clicked" android:endColor="@color/my_btn_clicked" android:angle="270" /> <stroke android:width="1dp" android:color="@color/my_btn_clicked" /> <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" /> </shape> </item> <item android:state_focused="true"> <shape> <gradient android:startColor="@color/my_btn_clicked" android:endColor="@color/my_btn_clicked" android:angle="270" /> <stroke android:width="1dp" android:color="@color/my_btn_clicked" /> <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" /> </shape> </item> <item> <shape> <gradient android:startColor="@color/glb_bg" android:endColor="@color/glb_bg" android:angle="270" /> <stroke android:width="1dp" android:color="@color/glb_bg" /> <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" /> </shape> </item> </selector>
如果想要圆角button,在<shape>标签下增加子标签<corners android:radius="5dp" />就可以了,该文件放在drawable下就可使用
发表评论
-
Cocos2dx开发解决undefined reference to 'atof'和x86平台下报internal compiler error的错误
2016-11-21 17:10 2883最近在为游戏做java sdk的cocos2dx引擎层代码时遇 ... -
Android项目集成Jenkins(JUnit test & Coverage)
2016-08-26 14:12 4438为了实现持续集成,提 ... -
Android短信监听功能(解决onChange触发两次的问题)
2016-06-16 18:51 6947前言 项目要做短信验证码自动填充的功能,基本上两种方法:Con ... -
Android实现可自动关闭的定时器
2015-12-03 18:54 1462之前一篇文章里有用到过一个封装好的定时器工具类,现在又做了一些 ... -
Android不太能够分辨率launcher icon的适配
2015-04-24 11:01 1946网上讲android适配不同分辨率的文章很多,但是很少有说明不 ... -
Android 根据屏幕尺寸适配控件尺寸(按比例缩放)
2015-04-03 18:28 4685在做facebook登录时,正好看到其SDK中一段代码,可以根 ... -
Android获取状态栏高度
2015-01-28 12:04 1231获取状态栏高度有两种方法: 1.如果是在Activity中: ... -
Apktool打包和解包
2014-12-02 17:49 0本文的学习内容参考自[Android实例] 【eoeAndro ... -
Android 控件自动“移入、暂停、移出”效果的实现
2014-09-05 09:54 2438一个常见的效果:控件自动移入屏幕,停留几秒,再移出屏幕。项目中 ... -
Google Map 如何捕获onTouchEvent
2014-09-02 17:42 1760当我的项目中需要捕获google map的touch事件时,才 ... -
Android日期时间选择器实现以及自定义大小
2014-08-27 20:01 62616本文主要讲两个内容:1.如何将DatePicker和TimeP ... -
ViewPager刷新单个页面的方法
2014-08-22 11:09 39179使用ViewPager做滑动切换图片的效果时,如果图片是从 ... -
Android使用MediaPlayer开发时抛IllegalStateException
2014-08-18 16:45 60055在我开发的语音播放程序中,首次播放语音没问题,第二次播放时 ... -
LinearLayout半透明效果
2014-07-16 18:12 17536透明效果有很多中实现方式,可以代码实现,也可以直接在布局文件中 ... -
Android图片压缩(质量压缩和尺寸压缩)
2014-07-04 18:16 4275在网上调查了图片压缩的方法并实装后,大致上可以认为有两类压缩: ... -
Google Map无法显示:Error contacting Google servers. XXX authentication issue
2014-06-30 20:32 2123在开发google map时遇到的问题: 06-26 14 ... -
【转载】Android异步处理
2013-06-20 12:12 931关于Android异步处理的一整个系列的博文,共有4篇,博主写 ... -
android 写log到文件
2013-06-14 17:31 14313网上找的一个很强大的实现方法,原网页的链接找不到了,没法转载, ... -
android service被系统回收的解决方法
2013-06-14 11:20 7278自己的app的service总是容 ... -
Android 中的 Service 全面总结
2013-06-13 16:42 936关于Android Service的知识,可以参考以下博文,内 ...
相关推荐
在C++编程中,创建一个可以同时显示图片和文字的Button控件是一项常见的需求,尤其在GUI(图形用户界面)应用程序开发中。本教程将深入探讨如何利用C++来实现这样的功能,主要涉及图像处理、控件封装以及文本渲染等...
在Android开发中,自定义带有文字和图片的Button是常见的需求,这可以增强UI的视觉效果和交互性。本文将详细解析两种主要的实现方法:使用系统自带的Button属性以及继承并重绘Button。 首先,我们来看第一种方法...
本篇将详细介绍如何在Android编程中为Button控件同时添加图片和文字。 首先,Button的基本使用涉及到XML布局文件中的定义和Java代码中的初始化。在XML布局文件中,我们可以这样创建一个Button: ```xml <Button ...
本文将详细介绍如何在Android中实现这一功能,包括图片的选择、处理、上传,以及文字的编辑和发送。 首先,我们需要一个界面供用户选择图片和输入文字。在Android中,可以使用Intent来调用系统的图库应用让用户选择...
此外,我们还可以自定义Button的文字样式,包括字体大小、颜色、对齐方式等,以及添加内边距和外边距以改变Button的整体布局效果。例如: ```xml <Button android:layout_width="wrap_content" android:layout_...
在 Android Studio 环境下,Button 点击事件的实现是非常重要的,这需要我们对 Android Studio 环境的搭建和 Button 点击事件的实现方式进行深入的分析和讨论。 首先,Android Studio 是基于 IntelliJ IDEA 的开发...
### Android Button事件的实现 #### 一、简介 在Android应用开发中,`Button`控件是最常用的交互组件之一,用户可以通过点击按钮触发相应的事件处理逻辑。本文将通过一个简单的例子来详细介绍如何在Android应用...
本教程将深入探讨如何在Android中为Button添加动态效果,以提升用户体验和界面的吸引力。 首先,我们从基本的Button说起。在XML布局文件中,可以使用`<Button>`标签来创建一个按钮,例如: ```xml <Button ...
在本教程中,我们将探讨如何利用LinkButton控件来实现一个结合了图片和文字的Button效果,这在网页设计中经常被用于提升用户界面的美观性和交互性。 首先,理解LinkButton的基本概念是至关重要的。LinkButton控件在...
通过自定义`CompoundDrawable`,可以实现文字在左、图片在右的效果: ```xml android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal"> android:...
在Android开发中经常会需要用到带文字和图片的button,下面来给大家介绍使用radiobutton实现图片和文字上下布局或左右布局。代码很简单就不给大家多解释了。 布局文件很简单,用来展示RadioBUtton的使用方法。 <...
由于Android系统默认的Button控件并未直接提供这样的功能,因此开发者需要采取一些额外的手段来实现这一需求。这里我们将详细探讨两种常用的方法来创建带有文字的图片按钮。 方法一:使用相对布局(RelativeLayout...
本文实例讲述了Android自定义Button并设置不同背景图片的方法。分享给大家供大家参考,具体如下: 1、自定义MyButton类 public class MyButton extends Button { //This constructormust be public MyButton...
本文将为大家分享一篇关于 Android 点击 Button 实现切换点击图片效果的示例,旨在帮助开发者更好地理解和掌握这种技术。 知识点一:Button 的基本属性 在 Android 中,Button 是一个基本的控件,用于接收用户的...
- 在XML布局文件中声明Button,通过`android:text`属性设置文字,`android:id`用于标识,`android:layout_width`和`android:layout_height`设定尺寸。 - 在Java代码中通过`findViewById()`方法获取Button实例,...
通过XML中的`<style>`标签定义样式,或者在Java代码中设置`button.setBackgroundResource()`和`button.setTextColor()`等方法实现。 2. **使用Compound Button**: Android中的Compound Button(如Checkbox, ...
在Android应用开发中,Button控件是用户...总的来说,理解和掌握Button与点击监听器的使用是Android应用开发的基础,通过阅读和分析提供的源码,你可以更深入地了解Android UI交互的实现细节,并提升自己的编程能力。
总的来说,`ImageButton`在Android应用开发中扮演着重要的角色,结合点击和长按事件,可以实现丰富的交互功能。通过理解其使用方法和事件处理机制,开发者可以更灵活地设计用户界面,提升用户体验。
在Android开发中,实现美观且交互性强的用户界面是至关重要的。"Android-Material-circular-button图片切换和按钮联动效果"是一个很好的示例,展示了如何将Material Design风格的圆形按钮与图片切换和按钮联动功能...