是否可以在Kotlin Anko中重用布局

问题描述

我读到使用Anko的最大好处是其可重用性.但是我找不到确切的例子.

I read that the most benefit of using Anko is its reusability. But i could't find its exact example.

当前在新的Android布局系统中，样板如下:

Currently in the new Android layout system, the boiler plate is like below:

DrawerLayout (with some setup)
   CoordinatorLayout (with some setup)
      AppBarLayout (with some setup)
         ToolBar
      <The Main Content>
   NavigationView (with header inflated)

从上面的布局结构来看，只有<The Main Content>是变量.和在许多情况下，这些仪式设置几乎在每次活动中都重复.

From the layout structure above, only <The Main Content> is varry. Andin many cases those ceremonial setup duplicated almost in every activity.

因此，在这里，Anko即时通讯正在考虑是否存在有关该问题的可重用解决方案.我不希望它可用于通用布局，但至少我可以最小化项目中的礼节性代码.也许我需要类似的东西:

So here with Anko im thinking if there is a reusable solution about that issue. Im not expecting it will be reusable for general purpose layout, but et least i can minimize the ceremonial code in the project. Maybe i need something like:

class MainUI: AnkoComponent<MainActivity> {
  override fun createView(ui: AnkoContext<MainActivity>): View{
     return with(ui) {
        myCustomRootLayout {
           //here is what <The Main Content> will be
        }
     }
  }
}

从上面的代码中，我期望myCustomRootLayout将完成根布局的所有仪式设置，例如(DrawerLayout，CoordinatorLayout等).

From the code above im expecting myCustomRootLayout will do all the ceremonial setup for the root layout such as (DrawerLayout, CoordinatorLayout etc etc).

有可能吗?

编辑所以我认为我的问题是:如何制作可以托管其他组件的自定义组件

EDITSo i think my question is: How to make a custom component which can host other component

推荐答案

重用代码的一种方法是简单地将myCustomRootLayout提取到扩展方法中，如下所示:

One way to reuse the code is to simply extract myCustomRootLayout into a extension method like so:

class MainUI: AnkoComponent<MainActivity> {
    override fun createView(ui: AnkoContext<MainActivity>): View {
        return with(ui) {
            myCustomRootLayout {
               recyclerView()
            }
        }
    }
}

fun <T> AnkoContext<T>.myCustomRootLayout(customize: AnkoContext<T>.() -> Unit = {}): View {
    return relativeLayout {
        button("Hello")
        textView("myFriend")
        customize()
    }
}

不过，文档中所述的 :

将可重复使用的片段提取到单独的AnkoComponent中似乎是一个好主意:

It seems to be a good idea to extract the reusable piece into separate AnkoComponent:

class MainUI : AnkoComponent<MainActivity> {
    override fun createView(ui: AnkoContext<MainActivity>): View {
        return with(ui) {
            MyCustomRootLayout<MainActivity>({
                recyclerView()
            }).createView(ui)
        }
    }
}


class MyCustomRootLayout<T : Context>(val customize: AnkoContext<T>.() -> Unit = {}) : AnkoComponent<T> {
    override fun createView(ui: AnkoContext<T>) = with(ui) {
        relativeLayout {
            button("Hello")
            textView("myFriend")
            customize()
        }
    }
}

这篇关于是否可以在Kotlin Anko中重用布局的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！