定义ViewModel及Model，可以看到，逻辑简单明了，刷新自己的时候只需要更新Model，并reBindView即可，刷新别人的话，需要通过Adapter去更新，复杂页面只需要再新建一个ArrayItemViewModel的子类即可，并创建一个新的XML布局，从这里的代码可以看出，同样一个ViewModel未来可以复用很多XML布局，完全做到了ViewModel、View、Model三个角色的任意复用。为业务多样化提供最底层的支持。 /**
Model */ data class ModelTest(var title: String, var subTitle: String)/**
ViewModel */ class ArrayViewModelTest : ArrayItemViewModel() {
var index = 0
override fun onBindView(adapter: ArrayListAdapter?) { viewHolder.itemView.apply { tv_title.text = model.title tv_subTitle.text = model.subTitle cardItem.setOnClickListener { model.title = “${index++}” reBindView() } } }
override fun getLayoutRes() = R.layout.item_test
} 复制代码复用逻辑如下图：
step3 Activity 中增删改，增删改都是对ViewModel层的操作，简单实用。 /**
Activity */ class ArrayListActivity : AppCompatActivity() {
private val mArrayListAdapter by lazy { ArrayListAdapter() }
override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_array_list) rv_list.bindListAdapter(mArrayListAdapter)
// 新增一个 new_add.setText("新增").setOnClickListener { mArrayListAdapter.add(ArrayViewModelTest().apply { model = ModelTest("标题", "副标题") }) } // 删除第一个 delete.setText("删除").setOnClickListener { if (mArrayListAdapter.size > 0) mArrayListAdapter.removeAt(0) else toast("请添加新用例后再试") } // 随机更新 var updateSize = 0 update.setText("更新").setOnClickListener { updateSize++ if (mArrayListAdapter.size > 0) { val randomInt = Random.nextInt(0, mArrayListAdapter.size) mArrayListAdapter.set(randomInt, ArrayViewModelTest().apply { model = ModelTest("标题$updateSize", "副标题$updateSize") }) } else { toast("请添加新用例后再试") } }} } 复制代码AnkoListAdapter step1 定义AnkoLayout /**
AnkoItemView */ class AnkoItemView() : AnkoComponent {
var tvTitle: TextView? = null var tvSubTitle: TextView? = null
@SuppressLint(“ResourceType”) override fun createView(ui: AnkoContext) = with(ui) {
cardView { layoutParams = FrameLayout.LayoutParams( FrameLayout.LayoutParams.MATCH_PARENT, FrameLayout.LayoutParams.WRAP_CONTENT ).apply { margin = dip(5) } verticalLayout { val typedValue = TypedValue() context.theme .resolveAttribute(android.R.attr.selectableItemBackground, typedValue, true) val attribute = intArrayOf(android.R.attr.selectableItemBackground) val typedArray = context.theme.obtainStyledAttributes(typedValue.resourceId, attribute) background = typedArray.getDrawable(0) layoutParams = FrameLayout.LayoutParams( FrameLayout.LayoutParams.MATCH_PARENT, FrameLayout.LayoutParams.WRAP_CONTENT ).apply { padding = dip(10) } tvTitle = textView { textSize = px2dip(60) textColorResource = R.color.colorPrimary }.lparams(matchParent, wrapContent) tvSubTitle = textView { textSize = px2dip(45) textColorResource = R.color.colorAccent }.lparams(matchParent, wrapContent) } }} }
复制代码step2 定义ViewModel，Model /**
Model */ data class ModelTest(var title: String, var subTitle: String)/**
ViewModel */ class AnkoViewModelTest : AnkoItemViewModel<ModelTest, AnkoItemView>() {
var index = 0
override fun onBindView(adapter: AnkoListAdapter) {
ankoView.tvTitle?.text = model.title ankoView.tvSubTitle?.text = model.subTitle viewHolder.itemView.setOnClickListener { model.title = "${index++}" reBindView() }}
override fun onCreateView(): AnkoItemView { return AnkoItemView() } } 复制代码step3 Activity 中增删改 /**
Activity */ class AnkoLayoutActivity : AppCompatActivity() {
private val mAnkoListAdapter by lazy { AnkoListAdapter() }
override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState)
AnkoLayoutComponent(mAnkoListAdapter).setContentView(this).apply { // 新增一个 new_add.setText("新增").setOnClickListener { mAnkoListAdapter.add(AnkoViewModelTest().apply { model = ModelTest("标题", "副标题") }) } // 删除第一个 delete.setText("删除").setOnClickListener { if (mAnkoListAdapter.size > 0) mAnkoListAdapter.removeAt(0) else toast("请添加新用例后再试") } // 随机更新 var updateSize = 0 update.setText("更新").setOnClickListener { updateSize++ if (mAnkoListAdapter.size > 0) { val randomInt = Random.nextInt(0, mAnkoListAdapter.size) mAnkoListAdapter.set(randomInt, mAnkoListAdapter.getItem(randomInt).apply { model.also { it as ModelTest it.title = "$updateSize" } }) } else { toast("请添加新用例后再试") } } }}
}
/**
View*/ class AnkoLayoutComponent(private val ankoListAdapter: AnkoListAdapter) : AnkoComponent {
override fun createView(ui: AnkoContext<AnkoLayoutActivity>) = with(ui) { verticalLayout { recyclerView { bindListAdapter(ankoListAdapter) }.lparams(matchParent) { weight = 1F } // Anko 兼容 xml布局的加载 include<View>(R.layout.include_button_bottom)