如何在图片上创建布局？

Question

这将是listview行。 橙色背景btn_default_small_selected：

android:background="@drawable/btn_default_small_selected" 

Answer 1

像这样的东西应该让你接近。基本上，你会首先定义橙色框。您只需要一个用于橙色渐变的NinePatch即可设置为TextView背景。给它一些边距（使橘子远离边缘）和一些填充（使文本远离橙色框的边缘）。然后为“Palace”添加TextView，并将其对齐到左边，并将右边缘设置为“toLeftOf”第一个TextView。

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:background="@drawable/gray_background_ninepatch" 
    > 
    <TextView 
     android:id="@+id/timetext" 
     android:layout_alignParentRight="true" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_margin="5dp" 
     android:padding="8dp" 
     android:background="@drawable/orange_background_ninepatch" 
     android:text="1:25 - 4:50" 
     /> 
    <TextView 
     android:id="@+id/nametext" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_toLeftOf="@id/timetext" 
     android:layout_alignParentLeft="true" 
     android:text="Palace" 
     /> 
</RelativeLayout> 

编辑：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="50dp" 
    android:gravity="center" 
    android:background="@drawable/gray_background_ninepatch" 
    > 
    <TextView 
     android:id="@+id/timetext" 
     android:layout_alignParentRight="true" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_margin="5dp" 
     android:padding="8dp" 
     android:background="@drawable/orange_background_ninepatch" 
     android:text="1:25 - 4:50" 
     android:textStyle="bold" 
     android:textColor="@android:color/white" 
     /> 
    <ImageView 
     android:id="@+id/imageview" 
     android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:layout_margin="5dp" 
     android:alignParentLeft="true" 
     android:src="@drawable/icon" 
     android:scaleType="fitCenter" 
     /> 
    <TextView 
     android:id="@+id/nametext" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:gravity="center_vertical" 
     android:layout_toLeftOf="@id/timetext" 
     android:layout_toRightOf="@id/imageview" 
     android:text="Palace" 
     android:textColor="@android:color/white" 
     /> 
</RelativeLayout> 

NinePatch：