如何在android的底部工作表顶部制作图像

Posted

技术标签:

【中文标题】如何在android的底部工作表顶部制作图像【英文标题】:how to make image at top of bottom sheet in android 【发布时间】:2021-01-26 05:26:34 【问题描述】:

如何将图像放置在底部表格的顶部中心,并且图像的一半应该在布局之外,,,我附上了示例图像

`<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
 xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 android:layout_
 android:layout_
 android:paddingStart="@dimen/dimen_25"
 android:paddingEnd="@dimen/dimen_25"
 android:paddingBottom="@dimen/dimen_25">

 <androidx.appcompat.widget.AppCompatImageView
     android:id="@+id/iv_success_image"
     android:layout_
     android:layout_
     app:layout_constraintEnd_toEndOf="parent"
     app:layout_constraintStart_toStartOf="parent"
     app:layout_constraintTop_toTopOf="parent"
     app:srcCompat="@drawable/ic_tick" />`

【问题讨论】:

【参考方案1】:
   <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_
    android:layout_
    android:orientation="vertical">

    <LinearLayout
        android:layout_
        android:layout_
        android:orientation="vertical">

        <LinearLayout
            android:id="@+id/nilu"
            android:layout_
            android:layout_
            android:layout_weight="1"
            android:background="@color/colorPrimary"
            android:orientation="vertical"
            android:paddingBottom="30dp">


            <TextView
                android:layout_
                android:layout_
                android:gravity="center"
                android:text="NILU" />

            <TextView
                android:layout_
                android:layout_
                android:gravity="center"
                android:text="NILU" />

            <TextView
                android:layout_
                android:layout_
                android:gravity="center"
                android:text="NILU" />


        </LinearLayout>

        <LinearLayout
            android:id="@+id/nilu2"
            android:layout_
            android:layout_
            android:layout_below="@id/nilu"
            android:layout_weight="1"
            android:background="@color/colorAccent"
            android:orientation="vertical">


            <TextView
                android:layout_
                android:layout_
                android:gravity="center"
                android:text="NILU" />

            <TextView
                android:layout_
                android:layout_
                android:gravity="center"
                android:text="NILU" />

            <TextView
                android:layout_
                android:layout_
                android:gravity="center"
                android:text="NILU" />

        </LinearLayout>
    </LinearLayout>


    <RelativeLayout
        android:layout_
        android:layout_
        android:layout_centerInParent="true"
        android:orientation="horizontal">

        <ImageView
            android:layout_
            android:layout_
            android:layout_centerInParent="true"
            android:src="@mipmap/ic_launcher_round" />


    </RelativeLayout>

</RelativeLayout>

【讨论】:

以上是关于如何在android的底部工作表顶部制作图像的主要内容,如果未能解决你的问题,请参考以下文章

Android 底部工作表布局边距

如何将底部工作表位置设置为顶部

底部页边距顶部无法正常工作 - Android

如何从顶部和底部裁剪位图图像?

如何在颤动中显示具有顶部和底部渐变阴影的图像?

如何在css中设置超过div顶部和底部的图像?