我正在寻找创建自定义按钮。理想情况下,此按钮左侧有一个图像,右侧有一个文本视图。我该如何做到这一点?
答案 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