如何在图片上创建布局？

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：