简体   繁体   中英

Align view on bottom-left of LinearLayout, but keep it on top

How to align a view over a linear layout?

I want the blue circle to look like this: (on the bottom-left of LinearLayout, but keeping above the white LinearLayout border)

我想要的是

However, the way I'm trying to do it looks like this:

我不想要的

Layout 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>

I guess you need to put your LinearLayout and IconView into 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 will cover LinearLayout. Than align IconView to the bottom left and add padding left for LinearLayout.

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM