如何從Kotlin中的兩個活動撰寫相同的UI代碼？

我有 2 個具有類似 UI 布局的活動，它們在同一位置包含一些 TextViews，它們接收一些文本。我想避免兩次撰寫此代碼，因此我想創建一個類來為這兩個活動撰寫代碼。問題是我需要將 ViewBinding 指標傳遞給這個類，然后根據型別寫入 Activity1 或 Activity2。我怎樣才能做到這一點？

這是一個有效的解決方案，但我必須兩次撰寫相同的代碼。假設有三個 TextView。

// Activity1
class MainActivity : AppCompatActivity(), UiCommon {
    private lateinit var uib: ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        uib = ActivityMainBinding.inflate(layoutInflater)
        setContentView(uib.root)
        
        // write common part
        val draw = DrawUiCommon(uib)
        draw.draw("a1_text1", "a1_text2", "a1_text3")
    }
}

// Activity2
class MainActivity2 : AppCompatActivity(), UiCommon {
    lateinit var uib: ActivityMain2Binding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        uib = ActivityMain2Binding.inflate(layoutInflater)
        setContentView(uib.root)
        
        // write common part
        val draw = DrawUiCommon(uib)
        draw.draw("a2_text1", "a2_text2","a3_text3")
    }
}

// Common part
class DrawUiCommon(val pt: androidx.viewbinding.ViewBinding){

    fun draw(t1: String, t2: String, t3: String){
        if (pt is ActivityMainBinding){
            pt.textView1.text = t1
            pt.textView2.text = t2
            pt.textView3.text = t3
        }
        else if (pt is ActivityMain2Binding){
            pt.textView1.text = t1
            pt.textView2.text = t2
            pt.textView3.text = t3
        }
    }
}

uj5u.com熱心網友回復：

正如@sashabeliy 所說，如果ui 完全相同并且唯一的區別是要顯示的資料，那么您可以在意圖中接收額外的資料。可以創建一個方法來進行導航：

  companion object {
        private const val ARG_TEXT_LIST = "ARG_TEXT_LIST"

        fun navigate(context: Context, data: Array<String>) {
            val intent = Intent(context, MainActivity::class.java).apply {
                putExtra(ARG_TEXT_LIST, data)
            }
            context.startActivity(intent)
        }
    }

然后你可以在 onCreate 生命周期中獲取資料來填充視圖：

 override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(yourBinding.root)

        val textList = intent.getStringArrayExtra(ARG_TEXT_LIST)
        yourBinding.apply {
            textView1.text = textList[0]
            textView2.text = textList[1]
            textView3.text = textList[2]
        }
    }

uj5u.com熱心網友回復：

您沒有顯示您的布局代碼，但根據您的描述，聽起來您在每個活動布局中都有一些相同的視圖。

第 1 步 - 將這些常見視圖提取到您可以重復使用的自己的布局中。

第 2 步 - 參考包含的布局：

// Activity2
class MainActivity2 : AppCompatActivity(), UiCommon {
    lateinit var uib: ActivityMain2Binding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        uib = ActivityMain2Binding.inflate(layoutInflater)
        setContentView(uib.root)
        
        // write common part
        val draw = DrawUiCommon(uib.includedLayout) // <-- Use included layout that has the comment views
        draw.draw("a2_text1", "a2_text2","a3_text3")
    }
}

// Common part
class DrawUiCommon(val pt: IncludedLayoutViewBinding ){ // <---Now we know the type

    fun draw(t1: String, t2: String, t3: String){
        //if (pt is ActivityMainBinding){ // <-- No if check needed
            pt.textView1.text = t1
            pt.textView2.text = t2
            pt.textView3.text = t3
        //}
        //else if (pt is ActivityMain2Binding){ // <-- No branch needed
        //    pt.textView1.text = t1
        //    pt.textView2.text = t2
        //    pt.textView3.text = t3
        //}
    }
}

可選獎勵：

創建一個封裝了這種常見布局和行為的自定義視圖。

示例活動布局：

<LinearLayour>
    <MyCustomView>
    // OTHER THINGS
</LinearLayour>

示例活動：

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    uib = ActivityMain2Binding.inflate(layoutInflater)
    setContentView(uib.root)
    
    // write common part
    uib.myCustomView.setValues("a2_text1", "a2_text2","a3_text3")
}

示例自定義視圖：

class MyCustomView(...) {
    // Important init stuff up here ...


    fun draw(t1: String, t2: String, t3: String) {
        // Custom View creates and has its own binding
        binding.textView1.text = t1
        binding.textView2.text = t2
        binding.textView3.text = t3
    }
}

標籤：安卓 科特林

上一篇：單擊按鈕將資料從RecyclerViewAdapter發送到Activity

下一篇：:app:dataBindingMergeDependencyArtifactsDebug'錯誤