横幅文本按钮

Question

我正在尝试将自定义横幅添加到我的android项目中的视图中。我想做一些类似于我在这个iPhone应用程序中看到的东西

到目前为止，我有一个相对布局

<LinearLayout
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:id="@+id/ll1PostVideoPortrait"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true">



    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Cancel"
        android:id="@+id/button3" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:text="Post Video"
        android:layout_weight="1"
        android:id="@+id/textView6"
        android:layout_gravity="center_horizontal" />


</LinearLayout>

毋庸置疑，它看起来很讨厌

如何从iOS屏幕截图中获得外观更好的想法？

Answer 1

试试这个布局..

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="60dp"
   android:background="#3f3f3f" >

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_centerVertical="true"
    android:text="cancel" 
    android:layout_marginLeft="5dp"
    android:textSize="20dp"
    android:textColor="#ffffff"/>

<TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBaseline="@+id/textView1"
    android:layout_alignBottom="@+id/textView1"
    android:layout_marginLeft="40dp"
    android:layout_toRightOf="@+id/textView1"
    android:textColor="#ffffff"
    android:textSize="20dp"
    android:textStyle="bold"
    android:text="Post Video" />

</RelativeLayout>


Note:
For click events, you can set ClickListener on TextViews.

希望这可以帮助你......