如何在按钮内的图标和文本之间添加分隔符?

时间:2015-08-06 05:33:14

标签: android android-layout

问题是否有人知道如何在按钮的图标和文本之间添加分隔符?查看下面的演示图片。提前致谢

enter image description here

编辑:答案

<LinearLayout
        android:id="@+id/btn_facebook"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/rectangle_background"
        android:orientation="horizontal"
        android:minHeight="@dimen/standard_height"
        android:gravity="center_vertical"
        android:weightSum="4" >

        <ImageView
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:src="@drawable/icon_whatever" />

        <View
            android:layout_width="2dp"
            android:layout_height="match_parent"
            android:background="#AAFFFFFF"/>

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="3"
            android:gravity="center"
            android:text="Sign up with Facebook"
            android:textColor="@android:color/white"
            android:textSize="16sp"/>

    </LinearLayout>

3 个答案:

答案 0 :(得分:2)

您可以使用分隔符创建按钮背景。

答案 1 :(得分:1)

试试这样:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:background="@android:color/white"
android:layout_height="wrap_content"
android:orientation="horizontal">


<ImageView
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:background="#1E90FF"
    android:src="@android:drawable/alert_dark_frame"
    android:layout_weight="0.1" />

<LinearLayout
    android:layout_width="0dp"
    android:layout_weight="0.007"
    android:orientation="vertical"
    android:background="#FF8C00"
    android:layout_margin="5dp"
    android:layout_height="match_parent">

</LinearLayout>


<TextView
    android:layout_width="0dp"
    android:text="Sign Up with Facebook"
    android:layout_height="wrap_content"
    android:textSize="23sp"
    android:paddingLeft="5dp"
    android:layout_weight="0.4" />
</LinearLayout>

答案 2 :(得分:0)

可能有更好的方法,但我所做的是在我的layout.xml中添加一个View。在这种情况下,视图的高度为matchparent,宽度为1或2 dp。然后给它一个合适的背景颜色。