Android 實現抖音頭像底部彈框效果

佈局文件

activity_test.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">



    <LinearLayout
        android:id="@+id/linearLayout"
        android:orientation="vertical"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:background="@color/colorAccent"
        android:layout_width="match_parent"
        android:layout_height="300dp">
    </LinearLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="100dp"
        app:layout_constraintTop_toTopOf="@+id/linearLayout"
        app:layout_constraintBottom_toTopOf="@+id/linearLayout"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        android:alpha="0"
        android:background="@android:color/white"
        />
    <ImageView
        android:id="@+id/image"
        android:src="@mipmap/ic_launcher"
        app:layout_constraintTop_toTopOf="@+id/linearLayout"
        app:layout_constraintBottom_toTopOf="@+id/linearLayout"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        android:layout_marginTop="100dp"
        android:layout_width="100dp"
        android:layout_height="100dp"/>
</androidx.constraintlayout.widget.ConstraintLayout>

MainActivity.java

點擊事件

  View contentView = LayoutInflater.from(MainActivity.this).inflate(R.layout.activity_test, null);
                PopupWindow popWnd = new PopupWindow(MainActivity.this);
                popWnd.setContentView(contentView);
                popWnd.setWidth(ViewGroup.LayoutParams.MATCH_PARENT);
                popWnd.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);
                popWnd.setBackgroundDrawable(new ColorDrawable(0x00000000));
                popWnd.setOutsideTouchable(false);
                popWnd.setFocusable(true);
                //相對於父控件的底部顯示 無任何偏移
                popWnd.showAtLocation(v, Gravity.BOTTOM, 0, 0);

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章