里面有imageview和textview的Android Custom按钮?

时间:2011-04-14 14:18:58

标签: java android

我正在寻找创建自定义按钮。理想情况下,此按钮左侧有一个图像,右侧有一个文本视图。我该如何做到这一点?

6 个答案:

答案 0 :(得分:20)

最快的方法

使用Button drawable创建可点击的视图作为包含ImageView和TextView的背景。

<RelativeLayout
    android:clickable="true"
    android:background="@android:drawable/btn_default"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <ImageView
        android:id="@+id/image"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:src="@android:drawable/ic_input_add"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
    </ImageView>
    <TextView
        android:id="@+id/text"
        android:text="Sample text"
        android:textAppearance="?android:attr/textAppearanceButton"
        android:layout_toRightOf="@id/image"
        android:layout_centerVertical="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"></TextView>
</RelativeLayout>

其他方式

创建自己的类,扩展RelativeLayout,设置上面的内容视图,添加自定义方法来设置文本,图像等等。 使用您的自定义布局。

答案 1 :(得分:10)

您可以将此类代码用于该任务:

<Button
 android:layout_width="fill_parent"
 android:layout_height="50dp"
 android:id="@+id/btnLogin"
 android:text="@string/text"
 android:gravity="center"
 android:drawableLeft="@drawable/your_image"
 android:background="@drawable/login"/> // this is for nice background - *.9.png

答案 2 :(得分:3)

使用您想要的布局创建一个xml,xreate一个看起来像你想看Button的drawable,将drawable作为背景添加到Linear Layout并将xml膨胀到自定义视图。

示例drawable:

  <?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="#f3ae1b" />             
        <stroke android:width="1dp" android:color="#bb6008" />             
        <corners android:radius="3dp" />             
        <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" />         
    </shape>     
</item>     
<item>         
    <shape>             
        <gradient 
            android:startColor="#f3ae1b" 
            android:endColor="#bb6008" 
            android:angle="270" />             
        <stroke 
            android:width="1dp" 
            android:color="#bb6008" />             
        <corners 
            android:radius="4dp" />             
        <padding 
            android:left="10dp" 
            android:top="10dp" 
            android:right="10dp" 
            android:bottom="10dp" />         
    </shape>     
</item> 
  </selector> 

修改:代码以充气

private LayoutInflater mInflater;
mInflater = LayoutInflater.from(this);
public LinearLayout yourButton;
yourButton = (LinearLayout)  mInflater.inflate(R.xml.yourButton, null);

答案 3 :(得分:1)

在Xml布局中使用这个可绘制的布局选项并获得简单的布局。下面的行给出了文本左侧的图像。

android:drawableLeft="@drawable/image"

答案 4 :(得分:0)

如果要编写代码来执行此操作,请使用Button类的setCompoundDrawables()来确定drawable相对于文本的显示位置。 查找API以获取更多详细信息。

答案 5 :(得分:0)

您可以使用NoboButton

来完成此操作

使用图标,半径,背景创建安卓按钮的简单快捷方式

图书馆网址https://github.com/alex31n/NoboButton

屏幕截图https://raw.githubusercontent.com/alex31n/NoboButton/master/Assets/button_screenshot.jpg