鸿蒙OS应用开发之——Java UI框架-常用组件ListContainer

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新HarmonyOS鸿蒙全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip204888 （备注鸿蒙）

正文

List list = getData();

SampleItemProvider sampleItemProvider = new SampleItemProvider(list,this);

listContainer.setItemProvider(sampleItemProvider);

}

private ArrayList getData() {

ArrayList list = new ArrayList<>();

for (int i = 0; i <= 8; i++) {

list.add(new SampleItem(“Item”+i));

}

return list;

}

ListContainer的界面显示效果

三 ListContainer的常用设置

---

3.1 设置响应点击事件

代码

listContainer.setItemClickedListener(new ListContainer.ItemClickedListener() {

@Override

public void onItemClicked(ListContainer listContainer, Component component, int position, long id) {

SampleItem item = (SampleItem) listContainer.getItemProvider().getItem(position);

new ToastDialog(getContext())

.setText(“clicked:”+item.getName())

// Toast显示在界面中间

.setAlignment(LayoutAlignment.CENTER)

.show();

}

});

响应点击事件效果

3.2 设置响应长按事件

代码

listContainer.setItemLongClickedListener(new ListContainer.ItemLongClickedListener() {

@Override

public boolean onItemLongClicked(ListContainer listContainer, Component component,int position, long id) {

SampleItem item = (SampleItem) listContainer.getItemProvider().getItem(position);

new ToastDialog(getContext())

.setText(“long clicked:” + item.getName())

.setAlignment(LayoutAlignment.CENTER)

.show();

return false;

}

});

响应长按事件效果

四 ListContainer的样式设置

---

ListContainer的样式设置相关的接口如下

| 属性 | Java方法 | 作用 |

| :-: | :-: | :-: |

| orientation | setOrientation(int orientation) | 设置布局方向 |

| - | setContentStartOffSet(int startOffset)

setContentEndOffSet(int endOffset)

setContentOffSet(int startOffset, int endOffset) | 设置列表容器的开始和结束偏移量 |

| rebound_effect | setReboundEffect(boolean enabled) | 设置是否启用回弹效果 |

| - | etReboundEffectParams(int overscrollPercent, float overscrollRate, int remainVisiblePercent)

setReboundEffectParams(ListContainer.ReboundEffectParams reboundEffectParams) | 设置回弹效果参数 |

| shader_color | setShaderColor(Color color) | 设置着色器颜色 |

4.1 设置ListContainer的布局方向

orientation设置为“horizontal”，表示横向布局；

orientation设置为“vertical”，表示纵向布局。

默认为纵向布局。

在xml中设置

<ListContainer

…

ohos:orientation=“horizontal”/>

Java代码中设置

listContainer.setOrientation(Component.HORIZONTAL);

布局方向为horizontal的效果

4.2 设置ListContainer的开始和结束偏移量

java代码中设置

listContainer.setContentOffSet(32,16);

为了便于观察，设置背景颜色

在item_sample.xml的

<DirectionalLayout

…

ohos:background_element=“#FAEBD7”>

…

ListContainer布局文件中添加背景色

<ListContainer

…

ohos:background_element=“#FFDEAD”/>

列表容器的开始偏移量为32，结束偏移量为16效果

4.3 设置回弹效果

在xml中设置

<ListContainer

…

ohos:rebound_effect=“true”/>

在Java代码中设置

listContainer.setReboundEffect(true);

回弹效果

调整回弹效果

在开启回弹效果后，可以调用setReboundEffectParams()方法调整回弹效果。

listContainer.setReboundEffectParams(40,0.6f,20);

4.4 设置着色器颜色

在xml中设置

<ListContainer

…

ohos:shader_color=“#90EE90”/>

Java代码中设置

listContainer.setShaderColor(new Color(Color.getIntColor(“#90EE90”)));

设置着色器效果

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注鸿蒙）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

=“#90EE90”/>

Java代码中设置

listContainer.setShaderColor(new Color(Color.getIntColor(“#90EE90”)));

设置着色器效果

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注鸿蒙）
[外链图片转存中…(img-AyhL0moR-1713457576247)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！