直播原始碼網站，點選分類調起選單欄並彈出

直播原始碼網站，點選分類調起選單欄並彈出實現的相關程式碼

首先，宣告一個類繼承自PopupWindow （這裡你也可以在使用的activity/Fragment中使用new PopupWindow方式來實現）

public class DevicePopWindow extends PopupWindow {
    public DevicePopWindow(){
        super(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
        //這裡要注意設定setOutsideTouchable之前要設定 setBackgroundDrawable()
        //否則點選外部無法關閉pop
        setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
        setOutsideTouchable(true);
        //獲取焦點設定為true 這樣再次點選選單時 就隱藏選單
        setFocusable(true);
        View inflate = LayoutInflater.from(BaseApplication.getAppContext()).inflate(R.layout.pop_window_device, null);
        setContentView(inflate);
        //設定視窗進入和退出的動畫
        setAnimationStyle(R.style.pop_add);
    }
}
R.layout.pop_window_device.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <LinearLayout
        android:padding="10dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:background="@drawable/shape_device_pop"
        android:orientation="vertical"
        android:paddingBottom="20dp"
        android:paddingEnd="16dp"
        android:paddingStart="26dp"
        android:paddingTop="20dp">
        <TextView
            android:id="@+id/tv_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="發起群聊"
            android:textColor="@color/colorBlack"
            android:textSize="16sp"/>
        <TextView
            android:id="@+id/tv_2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="新增朋友"
            android:textColor="@color/colorBlack"
            android:textSize="16sp"/>
        <TextView
            android:id="@+id/tv_3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="掃一掃"
            android:textColor="@color/colorBlack"
            android:textSize="16sp"/>
        <TextView
            android:id="@+id/tv_4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="收付款"
            android:textColor="@color/colorBlack"
            android:textSize="16sp"/>
        <TextView
            android:id="@+id/tv_5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="幫助與反饋"
            android:textColor="@color/colorBlack"
            android:textSize="16sp"/>
    </LinearLayout>
</LinearLayout>

R.style.pop_add 樣式

  <style name="pop_add" parent="android:Animation">
    <item name="android:windowEnterAnimation">@anim/pop_add_show</item>
    <item name="android:windowExitAnimation">@anim/pop_add_hide</item>
</style>
@anim/pop_add_show.xml pop彈出動畫
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android=">
    <alpha
        android:duration="300"
        android:fromAlpha="0.0"
        android:toAlpha="1.0"/>
    <scale
        android:duration="300"
        android:fromXScale="0"
        android:fromYScale="0"
        android:interpolator="@android:anim/decelerate_interpolator"
        android:pivotX="85%"
        android:pivotY="0%"
        android:toXScale="1.0"
        android:toYScale="1.0"/>
</set>
@anim/pop_add_hide.xml pop隱藏動畫
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android=">
<alpha
    android:duration="300"
    android:fromAlpha="1.0"
    android:toAlpha="0.0"/>
<scale
    android:duration="300"
    android:fromXScale="1.0"
    android:fromYScale="1.0"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:pivotX="85%"
    android:pivotY="0%"
    android:toXScale="0"
    android:toYScale="0"/>
</set>

在我們的頁面中進行使用

class DeviceFragment : Fragment() {
    lateinit var devicePopWindow: DevicePopWindow
    lateinit var rootView: View
    lateinit var successView:View
   
    override fun onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState): View {
        rootView =  inflater.inflate(R.layout.base_device_fragment_layout,container,false)
        initView(inflater)
        initListener()
        return rootView
    }
    fun initView(inflate: View) {
        devicePopWindow = DevicePopWindow()
    }
 
     fun initListener() {
        rootView.findViewById<ImageView>(R.id.device_head_add).setOnClickListener {
                //設定pop顯示位置
                devicePopWindow.showAsDropDown(it,-150,10)
                backgroundAlpha(0.8f)
        }
        //pop消失的監聽
        devicePopWindow.setOnDismissListener {
            backgroundAlpha(1.0f)
        }
    }
    /**
     * 此方法用於改變背景的透明度，從而達到“變暗”的效果
     */
    private fun backgroundAlpha(bgAlpha: Float) {
        val lp: WindowManager.LayoutParams = activity!!.window.attributes
        // 0.0-1.0
        lp.alpha = bgAlpha
        activity!!.window.attributes = lp
        // everything behind this window will be dimmed.
        // 此方法用來設定浮動層，防止部分手機變暗無效
        activity!!.window.addFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND)
    }
}

以上就是直播原始碼網站，點選分類調起選單欄並彈出實現的相關程式碼， 更多內容歡迎關注之後的文章