介绍 本示例介绍使用Text、List等组件,添加点击事件onclick,动画,animationTo实现自定义Tab效果。 效果预览图 使用说明 点击页签进行切换,选中态页...
介绍 本示例介绍使用Text、List等组件,添加点击事件onclick,动画,animationTo实现自定义Tab效果。 效果预览图 使用说明 点击页签进行切换,选中态页...
介绍 本示例介绍运用Stack组件以构建多层次堆叠的视觉效果。通过绑定Scroll组件的onScroll滚动事件回调函数,精准捕获滚动动作的发生。当滚动时,实时地调节组件的透...
介绍 本示例将通过发布图片评论场景,介绍如何使用startAbilityForResult接口拉起相机拍照,并获取相机返回的数据。 效果图预览 使用说明 通过startAbi...
介绍 本示例介绍城市选择场景的使用:通过 AlphabetIndexer 实现首字母快速定位城市的索引条导航。 效果图预览 使用说明 分两个功能 在搜索框中可以根据城市拼音模...
介绍 本示例介绍如何使用Text组件实现验证码场景,并禁用对内容的选中、复制、光标。 效果图预览 使用说明 单击组件可弹出输入法 在进行验证码输入时,无法对中间单个数字进行更...
介绍 本示例介绍在开发应用以适应深色模式时,对于深色和浅色模式的适配方案,采取了多种策略如下: 固定属性适配:对于部分组件的颜色属性,如背景色或字体颜色,若保持不变,可直接设...
介绍 本例介绍各种应用登录页面。 全屏登录页面:在主页面点击跳转到全屏登录页后,显示全屏模态页面,全屏模态页面从下方滑出并覆盖整个屏幕,模态页面内容自定义,此处分为默认一键登...
介绍 本示例介绍使用了 Tab组件 实现自定义增删Tab页签的功能。该场景多用于浏览器等场景。 效果图预览 使用说明: 点击新增按钮,新增Tab页面。 点击删除按钮,删除Ta...
介绍 该场景多用于待办事项管理、文件管理、备忘录的记录管理等。 效果图预览 使用说明: 点击添加按钮,选择需要添加的待办事项。 点击左侧checkbox按钮,待办事项状态变更...
介绍 本示例主要介绍了 List组件 实现二级联动(Cascading List)的场景。 该场景多用于短视频中拍摄风格的选择、照片编辑时的场景的选择。 效果图预览 使用说明...
介绍 本示例主要介绍了TabBar中间页面如何实现有一圈圆弧外轮廓以及TabBar页签被点击之后会改变图标显示,并有一小段动画效果。 效果图预览 使用说明: 依次点击tabB...
介绍 评论组件在目前市面上的短视频app中是一种很常见的场景,本案例使用 全局状态保留能力弹窗 来实现评论组件。点击评论按钮弹出评论组件,点击空白处隐藏该组件,再次点击评论按...
介绍 全局状态保留能力弹窗一种很常见的能力,能够保持状态,且支持全局控制显隐状态以及自定义布局。 效果图预览 使用说明 使用案例参考 短视频案例 首先程序入口页对全局弹窗初始...
介绍 应用厂商会根据不同的部署环境,不同的目标人群,不同的运行环境等,将同一个应用定制为不同的版本,如国内版、国际版、普通版、VIP版、免费版、付费版等。针对以上场景,Dev...
介绍 在应用开发时,一个应用需要适配多终端的设备,使用Navigation的mode属性来实现一套代码,多终端适配。 效果图预览 使用说明 将程序运行在折叠屏手机或者平板上观...
介绍 日常中在进行测试用例验证时,会出现部分场景无法通过判断UI的变化来确认用例是否正常运行,我们可以通过监听日志的方式来巧妙的实现这种场景。本示例通过监听hilog日志的回...
介绍 为了便于大家在使用本案例集时能够更详细的了解各个案例,本案例基于Web预渲染实现了案例介绍功能,即应用右下角的问号icon。 效果图预览 使用说明 因为直接加载的线上R...
介绍 本示例介绍使用ArkUI stack 组件实现多层级轮播图。该场景多用于购物、资讯类应用。 使用说明 加载完成后显示轮播图可以左右滑动。 实现思路 1.通过stack和...
介绍 本示例介绍使用bindContentCover、transition、animateTo实现一镜到底转场动画,常用于首页搜索框点击进入搜索页场景。 效果图预览 使用说明...
介绍 本示例介绍使用includes方法对数据实现模糊查询 效果图预览 使用说明 点击首页搜索框跳转到搜索页面 在搜索页面输入框中输入搜索的内容,下方列表自动根据搜索的内容进...