鸿蒙轻量级数据库 DatabaseHelper基本用法

孟小梦 發表於 2023-7-15 00:00:00

鸿蒙轻量级数据库 DatabaseHelper基本用法

<img title="鸿蒙轻量级数据库 DatabaseHelper基本用法" alt="鸿蒙轻量级数据库 DatabaseHelper基本用法" border="0" height="auto" src="https://zhuji.jb51.net/uploads/img/202305/cd23bbebc870c7bd1f64d7f94dbb7874.jpg" width="auto">
<h3>
前言：</h3>

各位同学大家好有段时间没有给大家更新文章，具体多久我也不记得，最近在学习鸿蒙开发写了一些小demo 就想着分享给家今天要讲的是 ListContainer 鸿蒙OS开发中的列表组件
<h3>
效果图：</h3>
<center>
<img title="鸿蒙轻量级数据库 DatabaseHelper基本用法" alt="鸿蒙轻量级数据库 DatabaseHelper基本用法" src="https://zhuji.jb51.net/uploads/img/202305/bd95d819660ddd98b976cdfadbda02fa.jpg">
</center>
<center>
<img title="鸿蒙轻量级数据库 DatabaseHelper基本用法" alt="鸿蒙轻量级数据库 DatabaseHelper基本用法" src="https://zhuji.jb51.net/uploads/img/202305/9e6bb165f7fe4318d232ec18e8e111fa.jpg">
</center>
<center>
<img title="鸿蒙轻量级数据库 DatabaseHelper基本用法" alt="鸿蒙轻量级数据库 DatabaseHelper基本用法" src="https://zhuji.jb51.net/uploads/img/202305/9410c4c152ac236fbcf6bb5fd91ed83f.jpg">
</center>
<h3>
具体实现：</h3>

ListContainer是用来呈现连续、多行数据的组件，包含一系列相同类型的列表项。

ListContainer的使用方法

1.在layout目录下的xml文件中创建ListContainer。
<ol class="dp-sql">
<li class="alt">
<?xml version="1.0" encoding="utf-8"?> 
</li>
<li>
<DirectionalLayout 
</li>
<li class="alt">
 xmlns:ohos="http://schemas.huawei.com/res/ohos" 
</li>
<li>
 ohos:height="match_parent" 
</li>
<li class="alt">
 ohos:width="match_parent" 
</li>
<li>
 ohos:orientation="vertical"> 
</li>
<li class="alt">
 <ListContainer 
</li>
<li>
 ohos:id="$+id:list_container" 
</li>
<li class="alt">
 ohos:height="match_parent" 
</li>
<li>
 ohos:width="match_parent" 
</li>
<li class="alt">
 ohos:layout_alignment="horizontal_center"/> 
</li>
<li>
</DirectionalLayout> 
</li>
</ol>

2.在layout目录下新建xml文件(例：item_sample.xml)，作为ListContainer的子布局
<ol class="dp-sql">
<li class="alt">
<?xml version="1.0" encoding="utf-8"?> 
</li>
<li>
<DirectionalLayout 
</li>
<li class="alt">
 xmlns:ohos="http://schemas.huawei.com/res/ohos" 
</li>
<li>
 ohos:height="match_content" 
</li>
<li class="alt">
 ohos:width="match_parent" 
</li>
<li>
 ohos:left_margin="16vp" 
</li>
<li class="alt">
 ohos:right_margin="16vp" 
</li>
<li>
 ohos:orientation="vertical"> 
</li>
<li class="alt">
 <Text 
</li>
<li>
 ohos:id="$+id:item_index" 
</li>
<li class="alt">
 ohos:height="match_content" 
</li>
<li>
 ohos:width="match_content" 
</li>
<li class="alt">
 ohos:padding="4vp" 
</li>
<li>
 ohos:text="Item0" 
</li>
<li class="alt">
 ohos:text_size="20fp" 
</li>
<li>
 ohos:layout_alignment="center"/> 
</li>
<li class="alt">
</DirectionalLayout> 
</li>
</ol>

3.创建SampleItem.java，作为ListContainer的数据包装类。
<ol class="dp-sql">
<li class="alt">
public class SampleItem { 
</li>
<li>
 private String name; 
</li>
<li class="alt">
 public SampleItem(String name) { 
</li>
<li>
 this.name = name; 
</li>
<li class="alt">
 } 
</li>
<li>
 public String getName() { 
</li>
<li class="alt">
 return name; 
</li>
<li>
 } 
</li>
<li class="alt">
 public void setName(String name) { 
</li>
<li>
 this.name = name; 
</li>
<li class="alt">
 } 
</li>
<li>
} 
</li>
</ol>

4.ListContainer每一行可以为不同的数据，因此需要适配不同的数据结构，使其都能添加ListContainer上。创建SampleItemProvider.java，继承自RecycleItemProvider。必须重写的方法如下：
<center>
<img title="鸿蒙轻量级数据库 DatabaseHelper基本用法" alt="鸿蒙轻量级数据库 DatabaseHelper基本用法" src="https://zhuji.jb51.net/uploads/img/202305/ac56b6388ff9f8fec84d959ecb3b4b18.jpg">
</center>

代码示例如下：
<ol class="dp-sql">
<li class="alt">
package com.example.listview; 
</li>
<li>
import ohos.agp.components.*; 
</li>
<li class="alt">
import java.util.List; 
</li>
<li>
/** 
</li>
<li class="alt">
 * 创建人：xuqing 
</li>
<li>
 * 创建时间：2020年12月18日13:37:27 
</li>
<li class="alt">
 * 类说明：适配器 
</li>
<li>
 * 
</li>
<li class="alt">
 * 
</li>
<li>
 * 
</li>
<li class="alt">
 */ 
</li>
<li>
public class SampleItemProvider extends RecycleItemProvider { 
</li>
<li class="alt">
 private List<SampleItem> list; 
</li>
<li>
 private MainAbility slice; 
</li>
<li class="alt">
 public SampleItemProvider(List<SampleItem> list, MainAbility slice) { 
</li>
<li>
 this.list = list; 
</li>
<li class="alt">
 this.slice = slice; 
</li>
<li>
 } 
</li>
<li class="alt">
 @Override 
</li>
<li>
 public int getCount() { 
</li>
<li class="alt">
 return list.size(); 
</li>
<li>
 } 
</li>
<li class="alt">
 @Override 
</li>
<li>
 public Object getItem(int position) { 
</li>
<li class="alt">
 return list.get(position); 
</li>
<li>
 } 
</li>
<li class="alt">
 @Override 
</li>
<li>
 public long getItemId(int position) { 
</li>
<li class="alt">
 return position; 
</li>
<li>
 } 
</li>
<li class="alt">
 @Override 
</li>
<li>
 public Component getComponent(int position, Component convertComponent, ComponentContainer componentContainer) { 
</li>
<li class="alt">
 if (convertComponent== null) { 
</li>
<li>
 Component cpt = LayoutScatter.getInstance(slice).parse(ResourceTable.Layout_item_sample,null,false); 
</li>
<li class="alt">
 SampleItem sampleItem = list.get(position); 
</li>
<li>
 Text text = (Text) cpt.findComponentById(ResourceTable.Id_item_index); 
</li>
<li class="alt">
 text.setText(sampleItem.getName()); 
</li>
<li>
 return cpt; 
</li>
<li class="alt">
 } else { 
</li>
<li>
 return convertComponent; 
</li>
<li class="alt">
 } 
</li>
<li>
 } 
</li>
<li class="alt">
} 
</li>
</ol>

5.在Java代码中添加ListContainer的数据，并适配其数据结构。
<ol class="dp-sql">
<li class="alt">
@Override 
</li>
<li>
 public void onStart(Intent intent) { 
</li>
<li class="alt">
 super.onStart(intent); 
</li>
<li>
 super.setUIContent(ResourceTable.Layout_ability_main); 
</li>
<li class="alt">
 initListContainer(); 
</li>
<li>
 } 
</li>
<li class="alt">
 private void initListContainer() { 
</li>
<li>
 ListContainer listContainer = (ListContainer) findComponentById(ResourceTable.Id_list_container); 
</li>
<li class="alt">
 List<SampleItem> list = getData(); 
</li>
<li>
 SampleItemProvider sampleItemProvider = new SampleItemProvider(list,this); 
</li>
<li class="alt">
 listContainer.setItemProvider(sampleItemProvider); 
</li>
<li>
 
</li>
<li class="alt">
 listContainer.setItemClickedListener(new ListContainer.ItemClickedListener() { 
</li>
<li>
 @Override 
</li>
<li class="alt">
 public void onItemClicked(ListContainer listContainer, Component component, int i, long l) { 
</li>
<li>
 SampleItem item = (SampleItem) listContainer.getItemProvider().getItem(i); 
</li>
<li class="alt">
 new ToastDialog(MainAbility.this) 
</li>
<li>
 .setText("你点点击是:"+item.getName()) 
</li>
<li class="alt">
 // Toast显示在界面中间 
</li>
<li>
 .setAlignment(LayoutAlignment.BOTTOM) 
</li>
<li class="alt">
 .show(); 
</li>
<li>
 } 
</li>
<li class="alt">
 }); 
</li>
<li>
 
</li>
<li class="alt">
 listContainer.setItemLongClickedListener(new ListContainer.ItemLongClickedListener() { 
</li>
<li>
 @Override 
</li>
<li class="alt">
 public boolean onItemLongClicked(ListContainer listContainer, Component component, int i, long l) { 
</li>
<li>
 SampleItem item = (SampleItem) listContainer.getItemProvider().getItem(i); 
</li>
<li class="alt">
 new ToastDialog(MainAbility.this) 
</li>
<li>
 .setText("长按事件点击:"+item.getName()) 
</li>
<li class="alt">
 // Toast显示在界面中间 
</li>
<li>
 .setAlignment(LayoutAlignment.BOTTOM) 
</li>
<li class="alt">
 .show(); 
</li>
<li>
 return false; 
</li>
<li class="alt">
 } 
</li>
<li>
 }); 
</li>
<li class="alt">
 
</li>
<li>
 } 
</li>
<li class="alt">
 private ArrayList<SampleItem> getData() { 
</li>
<li>
 ArrayList<SampleItem> list = new ArrayList<>(); 
</li>
<li class="alt">
 for (int i = 0; i <= 10; i++) { 
</li>
<li>
 list.add(new SampleItem("item"+i)); 
</li>
<li class="alt">
 } 
</li>
<li>
 return list; 
</li>
<li class="alt">
 } 
</li>
</ol>

假数据
<ol class="dp-sql">
<li class="alt">
private ArrayList<SampleItem> getData() { 
</li>
<li>
 ArrayList<SampleItem> list = new ArrayList<>(); 
</li>
<li class="alt">
 for (int i = 0; i <= 10; i++) { 
</li>
<li>
 list.add(new SampleItem("item"+i)); 
</li>
<li class="alt">
 } 
</li>
<li>
 return list; 
</li>
<li class="alt">
 } 
</li>
</ol>

显示效果：
<center>
<img title="鸿蒙轻量级数据库 DatabaseHelper基本用法" alt="鸿蒙轻量级数据库 DatabaseHelper基本用法" src="https://zhuji.jb51.net/uploads/img/202305/bd95d819660ddd98b976cdfadbda02fa.jpg">
</center>
<h3>
ListContainer的常用设置</h3>

item 子布局的点击事件
<ol class="dp-sql">
<li class="alt">
listContainer.setItemClickedListener(new ListContainer.ItemClickedListener() { 
</li>
<li>
 @Override 
</li>
<li class="alt">
 public void onItemClicked(ListContainer listContainer, Component component, int i, long l) { 
</li>
<li>
 SampleItem item = (SampleItem) listContainer.getItemProvider().getItem(i); 
</li>
<li class="alt">
 new ToastDialog(MainAbility.this) 
</li>
<li>
 .setText("你点点击是:"+item.getName()) 
</li>
<li class="alt">
 // Toast显示在界面中间 
</li>
<li>
 .setAlignment(LayoutAlignment.BOTTOM) 
</li>
<li class="alt">
 .show(); 
</li>
<li>
 } 
</li>
<li class="alt">
 }); 
</li>
</ol>

效果如下
<center>
<img title="鸿蒙轻量级数据库 DatabaseHelper基本用法" alt="鸿蒙轻量级数据库 DatabaseHelper基本用法" src="https://zhuji.jb51.net/uploads/img/202305/9e6bb165f7fe4318d232ec18e8e111fa.jpg">
</center>

item 子布局的长按事件
<ol class="dp-sql">
<li class="alt">
listContainer.setItemLongClickedListener(new ListContainer.ItemLongClickedListener() { 
</li>
<li>
 @Override 
</li>
<li class="alt">
 public boolean onItemLongClicked(ListContainer listContainer, Component component, int i, long l) { 
</li>
<li>
 SampleItem item = (SampleItem) listContainer.getItemProvider().getItem(i); 
</li>
<li class="alt">
 new ToastDialog(MainAbility.this) 
</li>
<li>
 .setText("长按事件点击:"+item.getName()) 
</li>
<li class="alt">
 // Toast显示在界面中间 
</li>
<li>
 .setAlignment(LayoutAlignment.BOTTOM) 
</li>
<li class="alt">
 .show(); 
</li>
<li>
 return false; 
</li>
<li class="alt">
 } 
</li>
<li>
 }); 
</li>
</ol>

效果如下
<center>
<img title="鸿蒙轻量级数据库 DatabaseHelper基本用法" alt="鸿蒙轻量级数据库 DatabaseHelper基本用法" src="https://zhuji.jb51.net/uploads/img/202305/9410c4c152ac236fbcf6bb5fd91ed83f.jpg">
</center>

ListContainer的样式设置

表2 ListContainer的样式设置
<center>
<img title="鸿蒙轻量级数据库 DatabaseHelper基本用法" alt="鸿蒙轻量级数据库 DatabaseHelper基本用法" src="https://zhuji.jb51.net/uploads/img/202305/736b2d1dbe439ee7cbf58a83c2d54a61.jpg">
</center>

设置ListContainer的布局方向：orientation设置为“horizontal”，表示横向布局;orientation设置为“vertical”，表示纵向布局。默认为纵向布局

在xml中设置：
<ol class="dp-sql">
<li class="alt">
<ListContainer ... ohos:orientation="horizontal"/> 
</li>
</ol>

在Java代码中设置
<ol class="dp-sql">
<li class="alt">
listContainer.setOrientation(Component.HORIZONTAL); 
</li>
</ol>

横向滑动效果如图
<center>
<img title="鸿蒙轻量级数据库 DatabaseHelper基本用法" alt="鸿蒙轻量级数据库 DatabaseHelper基本用法" src="https://zhuji.jb51.net/uploads/img/202305/743bcbf886d7a2d1be124adc5d91ef2e.jpg">
</center>

设置ListContainer的开始和结束偏移量
<ol class="dp-sql">
<li class="alt">
listContainer.setContentOffSet(32,16); 
</li>
</ol>

为了便于观察，分别在子布局和ListContainer布局中添加背景色：

在item_sample.xml的根布局中添加背景色。

<directionallayout ohos:background_element="#FAEBD7"></directionallayout>
<ol class="dp-sql">
<li class="alt">
<DirectionalLayout ... ohos:background_element="#FAEBD7"> ...</DirectionalLayout> 
</li>
</ol>

在ListContainer布局文件中添加背景色。
<ol class="dp-sql">
<li class="alt">
<ListContainer ... ohos:background_element="#FFDEAD"/> 
</li>
</ol>

设置列表容器的开始偏移量为32，结束偏移量为16效果
<center>
<img title="鸿蒙轻量级数据库 DatabaseHelper基本用法" alt="鸿蒙轻量级数据库 DatabaseHelper基本用法" src="https://zhuji.jb51.net/uploads/img/202305/c96bf29d5ac8121b21a8b1adc226aca3.jpg">
</center>

设置回弹效果。

在xml中设置：
<ol class="dp-sql">
<li class="alt">
<ListContainer ... ohos:rebound_effect="true"/> 
</li>
</ol>

在Java代码中设置
<ol class="dp-sql">
<li class="alt">
listContainer.setReboundEffect(true); 
</li>
</ol>
<center>
<img title="鸿蒙轻量级数据库 DatabaseHelper基本用法" alt="鸿蒙轻量级数据库 DatabaseHelper基本用法" src="https://zhuji.jb51.net/uploads/img/202305/648f8c458c46d2b86d31e0b9f278bfe4.jpg">
</center>

在开启回弹效果后，可以调用setReboundEffectParams()方法调整回弹效果。
<ol class="dp-sql">
<li class="alt">
listContainer.setReboundEffectParams(40,0.6f,20); 
</li>
</ol>

设置着色器颜色。

在xml中设置：
<ol class="dp-sql">
<li class="alt">
<ListContainer ... ohos:shader_color="#90EE90"/> 
</li>
</ol>

在Java代码中设置：
<ol class="dp-sql">
<li class="alt">
listContainer.setShaderColor(new Color(Color.getIntColor("#90EE90"))); 
</li>
</ol>

效果如下图
<center>
<img title="鸿蒙轻量级数据库 DatabaseHelper基本用法" alt="鸿蒙轻量级数据库 DatabaseHelper基本用法" src="https://zhuji.jb51.net/uploads/img/202305/511bc7142dfed001da4ed078323a3bf4.jpg">
</center>

到此鸿蒙os 列表组件 ListContainer 基础知识就讲完了
<h3>
最后总结</h3>

鸿蒙 os ListContainer 列表组件基本用法和Android原生的lsitview 比较像但是比起原生安卓的listview 更加强大原生android 并不直接支持横向滑动以及直接支持回弹效果 ListContainer 基本用法对于安卓程序员来说比较好上手看一下api 学习下本就能灵活运用了以上就是我个人在学习了2天的鸿蒙os开发 ListContainer 基础总结

原文链接：https://harmonyos.51cto.com

頁: [1]

琼殿技术论坛's Archiver

鸿蒙轻量级数据库 DatabaseHelper基本用法