主頁 > 企業開發 > 有沒有辦法在android中的BottomSheetDialog內創建多選對話框

有沒有辦法在android中的BottomSheetDialog內創建多選對話框

2021-12-22 02:19:17 企業開發

我正在嘗試將我的對話框移動到底部作業表對話框。但我面臨的問題是底部作業表對話框沒有像警報對話框那樣的構建器,看起來如此。此外,我在底部表中找不到多選對話框。

val dialogBuilder = MaterialAlertDialogBuilder(this)
    dialogBuilder.setTitle(title)
    dialogBuilder.setCancelable(false)
    dialogBuilder.background =
        AppCompatResources.getDrawable(this, R.drawable.bg_white_round_red_ripple)
    dialogBuilder.setMultiChoiceItems(
        StringArray, booleanArray
    ) { _, i, b ->
        if (b) {
            integerArrayList.add(i)
            integerArrayList.sort()
        } else {
            integerArrayList.remove(i)
        }
        
    }
    dialogBuilder.setPositiveButton("OK") { dialog, which ->
        val stringBuilder = StringBuilder()
        if (integerArrayList.size > 0) {
            for (j in 0 until integerArrayList.size) {
                stringBuilder.append(StringArray[integerArrayList[j]])
                if (j != integerArrayList.size - 1) {
                    stringBuilder.append(", ")
                }
            }
            textView.text = stringBuilder.toString()
        } else {
            textView.text = title
        }
    }
    dialogBuilder.setNegativeButton(
        "Cancel"
    ) { dialogInterface, _ -> // dismiss dialog
        dialogInterface.dismiss()
    }
    val alertDialog = dialogBuilder.create()

    alertDialog.show()

有沒有辦法在底部作業表中執行此操作,或者我是否必須創建一個行為像這樣的自定義底部作業表?。有造型解決方案嗎?

uj5u.com熱心網友回復:

許多天后,我決定從頭開始制作一個帶有底部表的自定義 multiSelectDialog。

@AndroidEntryPoint
class MultiSelectDialog (private val title: String?,
                         private val list: ArrayList<String>,
                         private var selectedItems: SparseBooleanArray,
                         val returnVal: (selectedItems: SparseBooleanArray) -> Unit
) : BottomSheetDialogFragment(), MultiSelectDialogListener {

    private var _binding: DialogMultiSelectBinding? = null
    private val binding get() = _binding!!
    val viewModel: MultiSelectDialogViewModel by viewModels()

    private lateinit var adapter : MultiSelectDialogRecyclerViewAdapter

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        _binding = DialogMultiSelectBinding.inflate(inflater, container, false)
        return binding.root
    }
    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        binding.viewmodel = viewModel
        viewModel.multiSelectDialogListener = this
        binding.rvCheckList.layoutManager = LinearLayoutManager(requireContext())
        init()
    }

    private fun populateRecyclerView() {
        adapter = MultiSelectDialogRecyclerViewAdapter(requireContext(), list, selectedItems,
            object : MultiSelectDialogRecyclerViewAdapter.OnItemClickListener{
                override fun onItemClick(isCheckedList: SparseBooleanArray, position: Int) {
                    selectedItems = isCheckedList
                }
            })
        binding.rvCheckList.adapter = adapter
    }

    private fun init(){
        populateRecyclerView()
        if (!title.isNullOrEmpty()) {
            binding.tvTitle.visibility = View.VISIBLE
            viewModel.title = title
        }
        else{
            binding.tvTitle.visibility = View.GONE
        }

        dialog?.setOnKeyListener { _, keyCode, _ ->
            if (keyCode == KeyEvent.KEYCODE_BACK) {
                if (dialog!!.isShowing) {
                    dialog!!.cancel()
                }
            }
            true
        }
    }

    override fun onPositiveClick() {
        returnVal(selectedItems)
        dialog?.dismiss()
    }

    override fun onNegativeClick() {
        dialog?.cancel()
    }

    override fun onNeutralClick() {
        selectedItems.clear()
        adapter.setData(selectedItems)
    }

    override fun onCheckedChangedListener() {
        requireView().snackbar("Items Changed")
    }
    override fun getTheme(): Int {
        return R.style.AppBottomSheetDialogTheme
    }

}

而這個 Viewmodel 是

@HiltViewModel
class MultiSelectDialogViewModel @Inject constructor() : ViewModel() {
    var title: String? = null
    var multiSelectDialogListener: MultiSelectDialogListener? = null

    fun onPositiveClick(view: View) {
        multiSelectDialogListener?.onPositiveClick()
    }
    fun onNegativeClick(view: View) {
        multiSelectDialogListener?.onNegativeClick()
    }
    fun onNeutralClick(view: View) {
        multiSelectDialogListener?.onNeutralClick()
    }
    fun onSelectedItemsChanged(){
        multiSelectDialogListener?.onCheckedChangedListener()
    }
}

也是聽眾

interface MultiSelectDialogListener {
    fun onPositiveClick()
    fun onNegativeClick()
    fun onNeutralClick()
    fun onCheckedChangedListener()
}

回收器視圖配接器

class MultiSelectDialogRecyclerViewAdapter(
    val context: Context,
    private var arrayList: ArrayList<String>,
    private var isCheckedList: SparseBooleanArray,
    private var onItemClickListener: OnItemClickListener
    ):
RecyclerView.Adapter<MultiSelectDialogRecyclerViewAdapter.ViewHolder>(){

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        val v = LayoutInflater.from(parent.context)
            .inflate(R.layout.item_check_box_list_dialog, parent, false)
        return ViewHolder(v)
    }

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        holder.bind(position)
    }

    override fun getItemCount(): Int {
        return arrayList.size
    }

    fun setData(mIsCheckedList: SparseBooleanArray) {
        isCheckedList = mIsCheckedList
        notifyDataSetChanged()
    }

    inner class ViewHolder internal constructor(itemView: View): RecyclerView.ViewHolder(itemView)
    {
        val checkbox_list_dialog: MaterialCheckBox by lazy { itemView.findViewById<MaterialCheckBox>(R.id.checkbox_list_dialog) }
        val btn_positive: Button by lazy { itemView.findViewById<Button>(R.id.btn_positive) }
        val btn_negative: Button by lazy { itemView.findViewById<Button>(R.id.btn_negative) }
        val btn_neutral: Button by lazy { itemView.findViewById<Button>(R.id.btn_neutral) }
        val cl_multi_select_dialog_root: ConstraintLayout by lazy { itemView.findViewById<ConstraintLayout>(R.id.cl_multi_select_dialog_root) }
        init {
            checkbox_list_dialog.setOnClickListener{
                onClick(it)
            }
        }
        fun bind(position: Int) {
            // use the sparse boolean array to check
            checkbox_list_dialog.isChecked = isCheckedList.get(position, false)
            checkbox_list_dialog.text = arrayList[position]
        }
        fun onClick(v: View?) {
            val adapterPosition = absoluteAdapterPosition
            if (!isCheckedList.get(adapterPosition, false)) {
                checkbox_list_dialog.isChecked = true
                isCheckedList.put(adapterPosition, true)
            } else {
                checkbox_list_dialog.isChecked = false
                isCheckedList.put(adapterPosition, false)
            }
            onItemClickListener.onItemClick(isCheckedList,adapterPosition)
        }
    }
    interface OnItemClickListener {
        fun onItemClick(isCheckedList: SparseBooleanArray, position: Int)
    }
}

和布局檔案

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">
    <data>
        <variable
            name="viewmodel"
            type="xxx.MultiSelectDialogViewModel" />
    </data>
    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@ id/cl_multi_select_dialog_root"
        tools:context=".ui.dialogs.multi_select.MultiSelectDialog">
        <androidx.appcompat.widget.AppCompatTextView
            android:id="@ id/tv_title" />
        <androidx.recyclerview.widget.RecyclerView
            android:id="@ id/rv_check_list" />
        <androidx.appcompat.widget.AppCompatButton
            android:id="@ id/btn_positive"/>
        <androidx.appcompat.widget.AppCompatButton
            android:id="@ id/btn_negative" />
        <androidx.appcompat.widget.AppCompatButton
            android:id="@ id/btn_neutral" />
    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

還有風格

<style name="AppBottomSheetDialogTheme"
        parent="Theme.MaterialComponents.Light.BottomSheetDialog">
        <item name="android:colorAccent">@color/onta_red</item>
        <item name="bottomSheetStyle">@style/CustomBottomSheetStyle</item>
    </style>
    <style name="CustomBottomSheetStyle"
        parent="Widget.Design.BottomSheet.Modal">
        <item name="android:background">@drawable/bg_white_bottom_sheet</item>
    </style>

轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/388714.html

標籤:安卓 科特林 安卓布局 材料设计 底页

上一篇:怎么改變活動指示器bottombavigationview材質的顏色呀?材料3

下一篇:消失在設計選項卡中

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • IEEE1588PTP在數字化變電站時鐘同步方面的應用

    IEEE1588ptp在數字化變電站時鐘同步方面的應用 京準電子科技官微——ahjzsz 一、電力系統時間同步基本概況 隨著對IEC 61850標準研究的不斷深入,國內外學者提出基于IEC61850通信標準體系建設數字化變電站的發展思路。數字化變電站與常規變電站的顯著區別在于程序層傳統的電流/電壓互 ......

    uj5u.com 2020-09-10 03:51:52 more
  • HTTP request smuggling CL.TE

    CL.TE 簡介 前端通過Content-Length處理請求,通過反向代理或者負載均衡將請求轉發到后端,后端Transfer-Encoding優先級較高,以TE處理請求造成安全問題。 檢測 發送如下資料包 POST / HTTP/1.1 Host: ac391f7e1e9af821806e890 ......

    uj5u.com 2020-09-10 03:52:11 more
  • 網路滲透資料大全單——漏洞庫篇

    網路滲透資料大全單——漏洞庫篇漏洞庫 NVD ——美國國家漏洞庫 →http://nvd.nist.gov/。 CERT ——美國國家應急回應中心 →https://www.us-cert.gov/ OSVDB ——開源漏洞庫 →http://osvdb.org Bugtraq ——賽門鐵克 →ht ......

    uj5u.com 2020-09-10 03:52:15 more
  • 京準講述NTP時鐘服務器應用及原理

    京準講述NTP時鐘服務器應用及原理京準講述NTP時鐘服務器應用及原理 安徽京準電子科技官微——ahjzsz 北斗授時原理 授時是指接識訓通過某種方式獲得本地時間與北斗標準時間的鐘差,然后調整本地時鐘使時差控制在一定的精度范圍內。 衛星導航系統通常由三部分組成:導航授時衛星、地面檢測校正維護系統和用戶 ......

    uj5u.com 2020-09-10 03:52:25 more
  • 利用北斗衛星系統設計NTP網路時間服務器

    利用北斗衛星系統設計NTP網路時間服務器 利用北斗衛星系統設計NTP網路時間服務器 安徽京準電子科技官微——ahjzsz 概述 NTP網路時間服務器是一款支持NTP和SNTP網路時間同步協議,高精度、大容量、高品質的高科技時鐘產品。 NTP網路時間服務器設備采用冗余架構設計,高精度時鐘直接來源于北斗 ......

    uj5u.com 2020-09-10 03:52:35 more
  • 詳細解讀電力系統各種對時方式

    詳細解讀電力系統各種對時方式 詳細解讀電力系統各種對時方式 安徽京準電子科技官微——ahjzsz,更多資料請添加VX 衛星同步時鐘是我京準公司開發研制的應用衛星授時時技術的標準時間顯示和發送的裝置,該裝置以M國全球定位系統(GLOBAL POSITIONING SYSTEM,縮寫為GPS)或者我國北 ......

    uj5u.com 2020-09-10 03:52:45 more
  • 如何保證外包團隊接入企業內網安全

    不管企業規模的大小,只要企業想省錢,那么企業的某些服務就一定會采用外包的形式,然而看似美好又經濟的策略,其實也有不好的一面。下面我通過安全的角度來聊聊使用外包團的安全隱患問題。 先看看什么服務會使用外包的,最常見的就是話務/客服這種需要大量重復性、無技術性的服務,或者是一些銷售外包、特殊的職能外包等 ......

    uj5u.com 2020-09-10 03:52:57 more
  • PHP漏洞之【整型數字型SQL注入】

    0x01 什么是SQL注入 SQL是一種注入攻擊,通過前端帶入后端資料庫進行惡意的SQL陳述句查詢。 0x02 SQL整型注入原理 SQL注入一般發生在動態網站URL地址里,當然也會發生在其它地發,如登錄框等等也會存在注入,只要是和資料庫打交道的地方都有可能存在。 如這里http://192.168. ......

    uj5u.com 2020-09-10 03:55:40 more
  • [GXYCTF2019]禁止套娃

    git泄露獲取原始碼 使用GET傳參,引數為exp 經過三層過濾執行 第一層過濾偽協議,第二層過濾帶引數的函式,第三層過濾一些函式 preg_replace('/[a-z,_]+\((?R)?\)/', NULL, $_GET['exp'] (?R)參考當前正則運算式,相當于匹配函式里的引數 因此傳遞 ......

    uj5u.com 2020-09-10 03:56:07 more
  • 等保2.0實施流程

    流程 結論 ......

    uj5u.com 2020-09-10 03:56:16 more
最新发布
  • 使用Django Rest framework搭建Blog

    在前面的Blog例子中我們使用的是GraphQL, 雖然GraphQL的使用處于上升趨勢,但是Rest API還是使用的更廣泛一些. 所以還是決定回到傳統的rest api framework上來, Django rest framework的官網上給了一個很好用的QuickStart, 我參考Qu ......

    uj5u.com 2023-04-20 08:17:54 more
  • 記錄-new Date() 我忍你很久了!

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 大家平時在開發的時候有沒被new Date()折磨過?就是它的諸多怪異的設定讓你每每用的時候,都可能不小心踩坑。造成程式意外出錯,卻一下子找不到問題出處,那叫一個煩透了…… 下面,我就列舉它的“四宗罪”及應用思考 可惡的四宗罪 1. Sa ......

    uj5u.com 2023-04-20 08:17:47 more
  • 使用Vue.js實作文字跑馬燈效果

    實作文字跑馬燈效果,首先用到 substring()截取 和 setInterval計時器 clearInterval()清除計時器 效果如下: 實作代碼如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......

    uj5u.com 2023-04-20 08:12:31 more
  • JavaScript 運算子

    JavaScript 運算子/運算子 在 JavaScript 中,有一些運算子可以使代碼更簡潔、易讀和高效。以下是一些常見的運算子: 1、可選鏈運算子(optional chaining operator) ?.是可選鏈運算子(optional chaining operator)。?. 可選鏈操 ......

    uj5u.com 2023-04-20 08:02:25 more
  • CSS—相對單位rem

    一、概述 rem是一個相對長度單位,它的單位長度取決于根標簽html的字體尺寸。rem即root em的意思,中文翻譯為根em。瀏覽器的文本尺寸一般默認為16px,即默認情況下: 1rem = 16px rem布局原理:根據CSS媒體查詢功能,更改根標簽的字體尺寸,實作rem單位隨螢屏尺寸的變化,如 ......

    uj5u.com 2023-04-20 08:02:21 more
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 08:01:50 more
  • 如何在 vue3 中使用 jsx/tsx?

    我們都知道,通常情況下我們使用 vue 大多都是用的 SFC(Signle File Component)單檔案組件模式,即一個組件就是一個檔案,但其實 Vue 也是支持使用 JSX 來撰寫組件的。這里不討論 SFC 和 JSX 的好壞,這個仁者見仁智者見智。本篇文章旨在帶領大家快速了解和使用 Vu ......

    uj5u.com 2023-04-20 08:01:37 more
  • 【Vue2.x原始碼系列06】計算屬性computed原理

    本章目標:計算屬性是如何實作的?計算屬性快取原理以及洋蔥模型的應用?在初始化Vue實體時,我們會給每個計算屬性都創建一個對應watcher,我們稱之為計算屬性watcher ......

    uj5u.com 2023-04-20 08:01:31 more
  • http1.1與http2.0

    一、http是什么 通俗來講,http就是計算機通過網路進行通信的規則,是一個基于請求與回應,無狀態的,應用層協議。常用于TCP/IP協議傳輸資料。目前任何終端之間任何一種通信方式都必須按Http協議進行,否則無法連接。tcp(三次握手,四次揮手)。 請求與回應:客戶端請求、服務端回應資料。 無狀態 ......

    uj5u.com 2023-04-20 08:01:10 more
  • http1.1與http2.0

    一、http是什么 通俗來講,http就是計算機通過網路進行通信的規則,是一個基于請求與回應,無狀態的,應用層協議。常用于TCP/IP協議傳輸資料。目前任何終端之間任何一種通信方式都必須按Http協議進行,否則無法連接。tcp(三次握手,四次揮手)。 請求與回應:客戶端請求、服務端回應資料。 無狀態 ......

    uj5u.com 2023-04-20 08:00:32 more