自学鸿蒙应用开发（27）- 自定义ListDialog

自学鸿蒙应用开发（27）- 自定义ListDialog

执行效果

上一篇文章中说过，直接使用鸿蒙系统中的ListDialog大致是下面的效果：

这个效果过于简陋，无法用于实际的产品开发。本文介绍如何定制自己的ListDialog。还是先看演示视频：

CustomizeListDialog

准备布局

定制ListDialog的第一步是为列表项定义布局，这里采用ListContainer示例中相同的布局，首先是偶数项：

接着是奇数项：

接下来是SampleItem，继续使用ListContainer示例中的代码：

package com.example.helloharmony;public class SampleItem { private String name; private int layout; private int item; public SampleItem(String name, int layout, int item) { this.name = name; this.layout = layout; this.item = item; } public String getName() { return name; } public void setName(String name) { this.name = name; } public int getLayout(){ return layout; } public int getItem(){ return item; }}

再下来是SampleItemProvider，仍然使用ListContainer示例中的代码：

package com.example.helloharmony;import ohos.aafwk.ability.AbilitySlice;import ohos.agp.components.*;import java.util.List;public class SampleItemProvider extends BaseItemProvider { private List list; private AbilitySlice slice; public SampleItemProvider(List list, AbilitySlice slice) { this.list = list; this.slice = slice; } @Override public int getCount() { return list.size(); } @Override public Object getItem(int position) { return list.get(position); } @Override public long getItemId(int position) { return position; } @Override public Component getComponent(int position, Component convertComponent, ComponentContainer componentContainer) { SampleItem sampleItem = list.get(position); Component cpt = convertComponent; if(cpt == null || cpt.getId() != sampleItem.getLayout()) { cpt = LayoutScatter.getInstance(slice).parse(sampleItem.getLayout(), null, false); } Text text = (Text) cpt.findComponentById(sampleItem.getItem()); text.setText(sampleItem.getName()); return cpt; }}

到目前为止的代码都是沿用ListContainer中的代码，不再重复说明。

生成自定义的列表对话框

虽然从逻辑上没有必要，第4行仍然调用了setItems。因为如果不这样做，程序就会异常退出。个人猜想还是类库的完成度不够。

第6行，第7行生成自定义的SampleItem数据和SampleItemProvider。第8行将生成的SampleItemProvider对象传递给ListDialog对象。

private void showCustomizedListDialog() { ListDialog dlg = new ListDialog(this); String []items = {"Red", "Green", "Blue", "Light Red", "Light Green", "Light Blue"}; dlg.setItems(items); dlg.setTitleText("Customized List Dialog"); List list = getData(); SampleItemProvider sampleItemProvider = new SampleItemProvider(list,this); dlg.setProvider(sampleItemProvider); dlg.show(); ((ListContainer)dlg.getListContainer()).setItemSelectedListener(new ListContainer.ItemSelectedListener() { @Override public void onItemSelected(ListContainer listContainer, Component component, int i, long l) { new ToastDialog(getContext()) .setText(((SampleItem)sampleItemProvider.getItem(i)).getName()) .show(); dlg.destroy(); } });}

第10行代码开始，为ListDialog中的ListContainer执行项目被选中后的处理内容。下面是代码执行后的效果：

注意事项

目前的这种做法在鸿蒙文档中并没有说明，不排除将来发生变化的可能性。希望早日看到官方文档中的正式说法。

参考代码

完整代码可以从以下链接-：

​​ListContainer​​

ListDialog类

​​的标准GUI 工具包tkinter，通过可执行的示例对23 个设计模式逐个进行说明。这样一方面可以使读者了解真实的软件开发工作中每个设计模式的运用场景和想要解决的问题；另一方面通过对这些问题的解决过程进行说明，让读者明白在编写代码时如何判断使用设计模式的利弊，并合理运用设计模式。

对设计模式感兴趣而且希望随学随用的读者通过本书可以快速跨越从理解到运用的门槛；希望学习Python GUI 编程的读者可以将本书中的示例作为设计和开发的参考；使用Python 语言进行图像分析、数据处理工作的读者可以直接以本书中的示例为基础，迅速构建自己的系统架构。

觉得本文有帮助？请分享给更多人。

面向对象开发，面向对象思考！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。