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

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

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

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

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

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

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

正文

<?xml version="1.0" encoding="utf-8"?>

<DirectionalLayout

xmlns:ohos=“http://schemas.huawei.com/res/ohos”

ohos:height=“match_content”

ohos:width=“match_parent”

ohos:left_margin=“16vp”

ohos:right_margin=“16vp”

ohos:orientation=“vertical”>

<Text

ohos:id=“$+id:item_index”

ohos:height=“match_content”

ohos:width=“match_content”

ohos:padding=“4vp”

ohos:text=“Item0”

ohos:text_size=“20fp”

ohos:layout_alignment=“center”/>

2.3 ListContainer的数据包装类(类似于Android bean类)

public class SampleItem {

private String name;

public SampleItem(String name) {

this.name = name;

}

public String getName() {

return name;

}

public void setName(String name) {

this.name = name;

}

}

2.4 ListContainer数据适配类(类似于Android中adater类)

ListContainer常用方法

| 方法 | 作用 |

| :-: | :-: |

| int getCount() | 返回填充的表项个数 |

| Object getItem(int position) | 根据position返回对应的数据 |

| long getItemId(int position) | 返回某一项的id |

| Component getComponent(int position, Component covertComponent,ComponentContainer componentContainer) | 根据position返回对应的界面组件 |

SampleItemProvider

import ohos.aafwk.ability.AbilitySlice;

import ohos.agp.components.*;

import java.util.List;

public class SampleItemProvider extends RecycleItemProvider {

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) {

Component cpt = convertComponent;

if (cpt == null) {

cpt = LayoutScatter.getInstance(slice).parse(ResourceTable.Layout_item_sample, null, false);

}

SampleItem sampleItem = list.get(position);

Text text = (Text) cpt.findComponentById(ResourceTable.Id_item_index);

text.setText(sampleItem.getName());

return cpt;

}

}

在Java代码中添加ListContainer的数据，并适配其数据结构

@Override

public void onStart(Intent intent) {

super.onStart(intent);

super.setUIContent(ResourceTable.Layout_page_listcontainer)

initListContainer();

}

private void initListContainer() {

ListContainer listContainer = (ListContainer) findComponentById(ResourceTable.Id_list_container);

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中设置

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

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

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

( )4.1 设置ListContainer的布局方向

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

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

默认为纵向布局。

在xml中设置

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

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

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