问题描述

屏幕上有若干张互相重叠的卡片，用户每点击一张卡片，就要把这张卡片的移到最上面，也就是把它的zIndex置为最大值。应该如何操作每个卡片的zIndex才能实现？

实现方案一

定义一个全局变量globalZIndex
一开始zIndex都是0，每点击一次，被点击的卡片:zIndex=++globalZIndex，这样做的坏处是总有一天zIndex会超出int范围。
但是这种方法并非不可救药，当globalZIndex达到int最大值时，执行对全部元素的排序操作，给各个元素的zIndex重新赋值为0~N之间的数字，同时将globalZIndex置为N。
这样做时空复杂度都很低，平时操作时特别快(时间复杂度O(1))，但达到int最大值之后就需要一次类似“磁盘碎片整理”的操作需要对卡片进行排序（时间复杂度O（Nlg（N）））。

实现方案二

用一个数组a记录各个卡片的zIndex，a[i]表示第i张卡片的zIndex。
点击卡片时，在数组中找到对应卡片，将后面的元素往前移动一格同时更改它的zIndex。
这样做的好处是始终将zIndex控制在0~N。每次操作复杂度微O（N）

转载于:https://www.cnblogs.com/weiyinfu/p/8721632.html

更新卡片的zIndex相关推荐

动态卡片：富媒体内容井喷式增长下，新一代移动端动态研发的模式
简介:「蚂蚁动态卡片」新品发布会全程回顾在 iOS 和 Android 系统近期推送的更迭版本中,系统环境已经逐渐发展出了将部分内容和服务前置化展示的趋势. 同时,伴随着富媒体内容井喷式增长以及内容 ...
HarmonyOS之深入解析服务卡片的使用
一.概述 ① 基本概念服务卡片(以下简称"卡片")是 FA 的一种界面展示形式,将 FA 的重要信息或操作前置到卡片,以达到服务直达,减少体验层级的目的. 卡片常用于嵌入到其他应 ...
【华为云技术分享】当我们在谈论卡片时，我们到底在谈论什么？
[摘要] 卡片可能是一种可视方式.一种入口方式,也可能是一种集成方式.对于不同形式有不同的技术和业务复杂度,不可一概而论.卡片和微前端的结合,会将服务化更好的延伸到前端方向,解决服务化最后一公里的问题 ...
鸿蒙卡片-物联网DTU污水液位计卡片
还没写完呢假如中国空间站用上了鸿蒙系统假如中国空间站用上了鸿蒙系统https://www.bilibili.com/video/BV1Sf4y187CM 哔哩哔哩弹幕姬鸿蒙版https://www ...
HarmonyOS 实战——服务卡片初探索
在刚发布不久的HarmonyOS 2版本的新系统中,[服务卡片]成为一大亮点: 全新的HarmonyOS桌面简洁有序,上滑App生成服务卡片,在桌面即可呈现更丰富的信息. 卡片内容实时更新,只需一瞥即 ...
鸿蒙OS原子化服务卡片原理和架构分析
引言 2021年6月2日晚间,华为在HarmonyOS 2系统及全场景新品发布会上正式推出了服务卡片,颠覆了人们对APP信息展示的认知,引起了行业内的极大关注,本文是对HarmonyOS服务卡片的原理 ...
在HarmonyOS中实现基于JS卡片的音乐播放器
/ 今日科技快讯 / 近日,苹果首席执行官蒂姆·库克接受<时代>杂志专访,谈及他本人对领导力.企业价值和新技术的看法.库克表示,苹果不仅要引领创新,还要努力让世界变得更安全更公平, ...
企业微信消息推送卡片按钮互动的使用
企业微信回调推送消息互动模板前置条件 # 企业微信后台中设置了url 按以上设置 # 回调url: http://www.baidu.com# token: xxxxx# EncodingAESKe ...
HarmonyOS实战—可编辑的卡片交互
目录 HarmonyOS实战前言何为卡片编辑功能? 定义编辑界面界面的交互逻辑界面的布局 HarmonyOS实战前言在前面的天气卡片设计中,我们设计了一个天气类卡片在桌面进行7日天气的直观 ...

更新卡片的zIndex

问题描述

实现方案一

实现方案二

更新卡片的zIndex相关推荐

最新文章

热门文章