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

首先，宣告一個類繼承自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="http://schemas.android.com/apk/res/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="http://schemas.android.com/apk/res/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="http://schemas.android.com/apk/res/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)
  }
}

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