对齐LinearLayout左下角的视图,但保持在顶部

时间:2017-09-08 20:45:54

标签: android android-layout

如何在线性布局上对齐视图?

我希望蓝色圆圈看起来像这样:(在LinearLayout的左下角,但保持在白色的LinearLayout边框上方)

What I want

但是,我尝试这样做的方式如下:

What I do not want

布局xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:Font="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:id="@+id/notificationItemLayout"
        android:background="@drawable/layout_border"
        android:layout_marginLeft="20dp">

    <com.mmp.customview.DefaultTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        Font:isLight="true"
        android:id="@+id/notificationDataTextView"
        tools:text="Message log 1/7/2017"
        android:layout_marginTop="8dp" />

        <com.mmp.customview.DefaultTextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            Font:isLight="true"
            android:textSize="17sp"
            android:textColor="#A9D3E7"
            android:id="@+id/notificationTextView"
            tools:text="Message log 1/7/2017"
            android:paddingTop="15dp"
            android:paddingLeft="15dp"
            android:paddingRight="15dp"
            android:paddingBottom="10dp"
            android:layout_marginTop="8dp" />

    </LinearLayout>

    <com.mmp.customview.NotificationIconView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_alignBottom="@+id/notificationItemLayout"
        android:layout_alignLeft="@+id/notificationItemLayout"
        android:layout_centerHorizontal="true"
        android:id="@+id/notificationIcon" />

</RelativeLayout>

1 个答案:

答案 0 :(得分:1)

我猜您需要将LinearLayout和IconView放入FrameLayout:

<FrameLayout ...>
 <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:id="@+id/notificationItemLayout"
        android:background="@drawable/layout_border"
        android:layout_marginLeft="20dp">

    <com.mmp.customview.DefaultTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        Font:isLight="true"
        android:id="@+id/notificationDataTextView"
        tools:text="Message log 1/7/2017"
        android:layout_marginTop="8dp" />

        <com.mmp.customview.DefaultTextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            Font:isLight="true"
            android:textSize="17sp"
            android:textColor="#A9D3E7"
            android:id="@+id/notificationTextView"
            tools:text="Message log 1/7/2017"
            android:paddingTop="15dp"
            android:paddingLeft="15dp"
            android:paddingRight="15dp"
            android:paddingBottom="10dp"
            android:layout_marginTop="8dp" />

    </LinearLayout>

    <com.mmp.customview.NotificationIconView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_alignBottom="@+id/notificationItemLayout"
        android:layout_alignLeft="@+id/notificationItemLayout"
        android:layout_centerHorizontal="true"
        android:id="@+id/notificationIcon" />
</FrameLayout>

IconView将涵盖LinearLayout。 然后将IconView与左下角对齐,并为LinearLayout添加左边的填充。