当前位置: 首页 > wzjs >正文

微网站如何做微信支付宝seo快速排名优化方法

微网站如何做微信支付宝,seo快速排名优化方法,濮阳网站建设熊掌号,广州网站建设哪家专业1. Harmony开发 List、Grid拖动自定义排序实现 1.1. List拖动功能 本示例基于显式动画、List组件实现了ListItem的上下拖动、ListItem切换以及ListItem插入的效果。   实现思路:List手势拖动 @Entry @Component struct ListDragPage {@State private arr: string[] = [0, …

1. Harmony开发 List、Grid拖动自定义排序实现

1.1. List拖动功能

  本示例基于显式动画、List组件实现了ListItem的上下拖动、ListItem切换以及ListItem插入的效果。
在这里插入图片描述
  实现思路:List手势拖动

@Entry
@Component
struct ListDragPage {@State private arr: string[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14].map((value) => value.toString())private listScroller: ListScroller = new ListScroller();private dragIndex: number = -1private originDragIndex: number = -1@State itemOffsetList: number[] = []private itemHeight: number = 100private listMargin: number = 10private itemTotalHeight: number = 110// dragItem距离List组件顶部的距离private dragOffsetY: number = 0// dragItem相对于List滚动顶部的距离private relativeOffsetY: number = 0// List组件能滑动的最大距离listMaxScrollOffsetY: number = 0// List组件开始拖动时的偏移originListOffsetY: number = 0// list组件规格private listArea: Area = {width: 0,height: 0,position: {},globalPosition: {}}aboutToAppear(): void {this.itemOffsetList = new Array<number>(this.arr.length)}initState() {for (let i = 0; i < this.itemOffsetList.length; i++) {this.itemOffsetList[i] = 0}this.dragIndex = -1this.originDragIndex = -1this.dragOffsetY = 0this.originListOffsetY = this.listScroller.currentOffset().yOffset}startDragItem(dragIndex: number) {this.initState()animateTo({ curve: Curve.Linear }, () => {this.dragIndex = dragIndexthis.originDragIndex = dragIndex})}increaseDragIndex(eventOffsetY: number) {let tmp = this.arr.splice(this.dragIndex, 1)this.arr.splice(this.dragIndex + 1, 0, tmp[0])this.dragIndex = this.dragIndex + 1this.itemOffsetList[this.dragIndex] =eventOffsetY - (this.dragIndex - this.originDragIndex) * this.itemTotalHeight +this.listScroller.currentOffset().yOffset - this.originListOffsetYthis.itemOffsetList[this.dragIndex - 1] = this.itemTotalHeightanimateTo({ curve: Curve.Sharp, duration: 100 }, () => {this.itemOffsetList[this.dragIndex - 1] = 0})}decreaseDragIndex(eventOffsetY: number) {let tmp = this.arr.splice(this.dragIndex, 1)this.arr.splice(this.dragIndex - 1, 0, tmp[0])this.dragIndex = this.dragIndex - 1this.itemOffsetList[this.dragIndex] =eventOffsetY - (this.dragIndex - this.originDragIndex) * this.itemTotalHeight +this.listScroller.currentOffset().yOffset - this.originListOffsetYthis.itemOffsetList[this.dragIndex + 1] = -this.itemTotalHeightanimateTo({ curve: Curve.Sharp, duration: 100 }, () => {this.itemOffsetList[this.dragIndex + 1] = 0})}cancelDrag() {this.initState()}endDragItem() {animateTo({ curve: Curve.Sharp, duration: 100 }, () => {this.initState()})}build() {Column() {List({ space: this.listMargin
http://www.dtcms.com/wzjs/176549.html

相关文章:

  • 免费博客网站下载关键词推广软件
  • 通过ip直连打开网站要怎么做网站推广的软件
  • 购物网站项目开发爱站网长尾关键词挖掘查询工具
  • 做英文网站内容来源seo站长工具是什么
  • 做的网站怎样百度能搜到google seo怎么做
  • 网站正在建设中......百度2018旧版下载
  • 广东省建设厅网站徐州seo排名收费
  • 网站建设售后支持怎样让自己的网站排名靠前
  • 自己写代码做网站要什么技术营销策划书
  • 小说网站80电子书怎么做百度推广产品
  • 政府网站页面设计标准淘宝站外引流推广方法
  • 数据调查的权威网站游戏优化软件
  • 网站建设员营销策略案例
  • 百度容易收录的网站广告电话
  • 绵阳网站建设联系电话网络营销战略有什么用
  • 台湾新闻最新消息今天广西seo搜索引擎优化
  • 海洋cms怎么做电影网站网站开发详细流程
  • 做站长建不好网站常州seo关键词排名
  • seo黑帽优化西安seo优化工作室
  • 木鱼的网站微信软文推广怎么做
  • 网站的制作流程寻找客户的12种方法
  • 婚纱摄影网站设计理念百度关键字排名软件
  • 四省网站建设无锡网站优化公司
  • java公益网站开发市场调研报告范文大全
  • seo优化知识总结沙坪坝区优化关键词软件
  • 网站运行费用预算怎么在百度上免费做广告
  • 如何去国外网站看内容b站推广网站入口
  • java做的小说网站的源代码口碑营销的案例有哪些
  • 长安企业建站百度怎么找人工客服
  • 成都网站制作东三环湖北网站seo设计