Anko DSLを断片の中で使うには？

Question

Github wiki pageはActivityインスタンスで使用されるように、この例を示します。

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

    verticalLayout { 
     padding = dip(30) 
     editText { 
      hint = "Name" 
      textSize = 24f 
     } 
     editText { 
      hint = "Password" 
      textSize = 24f 
     } 
     button("Login") { 
      textSize = 26f 
     } 
    } 
} 

Fragment内の同じことを行うには？

verticalLayoutブロックをonCreateViewに入れようとしましたが、解決できません。 anko-support-v4依存関係を追加しましたが、まだ運がありません。

Answer 1

anko-support-v4ソースコードといくつかの試行錯誤を掘り下げた後、正しいかどうかわからないが、回避策を見つけました。それは少し不公平のようです。

私Fragmentコードのサンプル：

override fun onCreateView(inflater: LayoutInflater?, container: ViewGroup?, savedInstanceState: Bundle?): View? { 

    return UI { 
     verticalLayout { 
      linearLayout { 
       avatar = imageView().lparams(width = dip(48), height = dip (48)) 
       name = textView().lparams(width = 0, weight = 1f) 
      } 

      linearLayout { 
       // ... 
      } 
     } 
    }.toView() 
} 

私はFragment.onCreateView(...)したい場合にも、AnkoComponentを使用することができアンコ0.8で

Answer 2

にUI { ... }.toView()に包まれたレイアウトDSLを返しますよUIを別のクラスに保持して、別のクラスに再利用できるようにします。

class FragmentUi<T>: AnkoComponent<T> { 
    override fun createView(ui: AnkoContext<T>) = with(ui) { 
     verticalLayout { 
      // ... 
     } 
    } 
} 

あなたは正しいコードは次のようになりあんこ0.8.1のとおり

override fun onCreateView(inflater: LayoutInflater, container: ViewGroup, savedInstanceState: Bundle?): View 
     = FragmentUi<Fragment>().createView(AnkoContext.create(ctx, this)) 

Answer 3

してフラグメントonCreateView()でそれを呼び出すことができます。

override fun onCreateView(inflater: LayoutInflater?, container: ViewGroup?, savedInstanceState: Bundle?): View? { 
    return UI { 
     verticalLayout { 
      linearLayout { 
       // ... 
      } 
      linearLayout { 
       // ... 
      } 
     } 
    }.view 
}