设计布局android

Question

我目前正在尝试创建一个列表视图，该视图将显示有关帖子的详细信息。为此，我创建了用于设计列表项的xml文件。

这是我想要的活动的最终结果。到目前为止，我已成功处理圆角，图像按钮和文本，但我正在尝试一段时间来处理文本框的左侧。我希望它有一个尖锐的提示。但我仍然无法处理它。

我将添加xml文件以显示我所做的事情。

**This is the xml file for the list item**

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="300dp"
    android:layout_height="160dp">

    <LinearLayout android:id="@+id/desclayout"
        android:layout_width="240dp"
        android:layout_height="140dp"
        android:background="@drawable/layout_my_posts_selector"
        android:layout_marginRight="5dp">

        <TextView
            android:id="@+id/myPostDescription"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:gravity="left"
            android:maxLength="120"
            android:hint="@string/description"
            android:inputType="textMultiLine"
            android:lines="4"
            android:maxLines="5"
            android:paddingBottom="8dp"
            android:textColorHint="#f7941e"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            android:paddingTop="8dp"
            android:textColor="#6d6e71"
            android:scrollbars="vertical"
            android:textSize="14sp">
        </TextView>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_toRightOf="@+id/desclayout"
        android:background="@drawable/description_layout_my_posts_selector"
        android:orientation="vertical"
        android:paddingLeft="7dp"
        android:layout_height="140dp">

        <ImageButton
            android:id="@+id/acceptMyPostBtn"
            android:layout_width="40dp"
            android:background="@drawable/my_posts_button_selector"
            android:layout_marginTop="5dp"
            android:layout_height="40dp"
            android:src="@drawable/v"/>

        <ImageButton
            android:id="@+id/closeMyPostBtn"
            android:layout_width="40dp"
            android:background="@drawable/my_posts_button_selector"
            android:layout_below="@id/acceptMyPostBtn"
            android:layout_height="40dp"
            android:layout_marginTop="5dp"
            android:src="@drawable/x"/>

        <ImageButton
            android:id="@+id/showOnMapMyPost"
            android:layout_width="40dp"
            android:src="@drawable/location"
            android:background="@drawable/my_posts_button_selector"
            android:layout_marginTop="5dp"
            android:layout_height="40dp"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_below="@+id/desclayout"
        android:paddingLeft="6dp"
        android:background="#2d2d2d"
        android:layout_height="20dp">

        <TextView
            android:layout_width="fill_parent"
            android:textColor="@android:color/background_light"
            android:text="Finished at 19/01/2013 13:55"
            android:layout_height="fill_parent" />
    </LinearLayout>
</RelativeLayout>

layout_my_posts_selector

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <solid android:color="#f1f1f2"/>

    <stroke android:width="3dp"  android:color="#2d2d2d" />

    <corners android:topLeftRadius="7dp" android:bottomLeftRadius="7dp"/>

    <padding android:left="0dp" android:top="0dp" android:right="0dp" android:bottom="0dp" />
</shape>

description_layout_my_posts_selector

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#e7e8ea"/>
    <stroke android:width="3dp" android:color="#2d2d2d" />
    <corners android:topRightRadius="7dp" android:bottomRightRadius="7dp"/>
    <padding android:left="0dp" android:top="0dp" android:right="0dp" android:bottom="0dp" />
</shape>

目前这是

的样子

如果可以请指导我如何处理尖锐的提示，我将感激不尽！

Answer 1

虽然使用单独的背景xml文件是一个好主意，我建议你使用drawable代替背景。 因此，您可以使用photoshop或paint.net左侧的“尖端”设计背景图像，并设置属性android:background=@drawable/background_design，其中“背景设计”是您的设计可绘制文件的名称。

编程将需要更多资源来渲染设计。在listview中使用不是一个好习惯。为了获得最佳性能，请选择适合静态布局的绘图。

Answer 2

好吧，我不明白为什么我的帖子有-1，

但无论如何我会以我选择的方式发布。

我创建了名为：triangle

的xml文件

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <rotate
            android:fromDegrees="45"
            android:pivotX="87%"
            android:pivotY="115%"
            android:toDegrees="45">
            <shape android:shape="rectangle">
                <solid android:color="#f1f1f2"/>
            </shape>
        </rotate>
    </item>
</layer-list>

在此之后我将线性布局添加到我的list_item_xml中 三角形xml的背景。

感谢您的帮助，祝您度过愉快的一天

Answer 3

您可以使用9个补丁作为背景。创建一个here