logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Flutter for OpenHarmony 盲盒抽奖App应用实战:登录页面开发

忘记密码跳转到忘记密码页,用户可以返回立即注册跳转到注册页,用户可以返回登录成功跳转到主页,用户无法返回前两个用 push 是因为用户可能想返回登录页。登录成功用 pushReplacement 是因为不应该让用户返回登录页。

#flutter#harmonyos#鸿蒙
Flutter for OpenHarmony 盲盒抽奖App应用实战:注册与修改密码功能开发

我最近在做一个盲盒抽奖 App,用户体系是绑定手机号的方式。整个认证流程包括登录、注册、忘记密码三个部分。登录功能我们放到下一篇文章讲,这篇先把注册和忘记密码搞定。这套配色是金黄色系的,primary是亮金色,是橙金色,两个颜色搭配做渐变效果特别好看。比较适合盲盒这种带点惊喜感的产品。// 0: 验证手机号, 1: 重置密码Timer?_timer;是关键,0 表示第一步验证手机号,1 表示第二步

#flutter#harmonyos#鸿蒙
Flutter for OpenHarmony:从零搭建幸运大转盘app(十二)抽屉配置与主题切换

先在中定义主题相关的数据结构。经典海洋森林日落糖果。每个主题有自己的配色方案。

#flutter#鸿蒙#harmonyos
Flutter for OpenHarmony:从零搭建幸运大转盘app(十一)个人中心

应用的三个主要页面,转盘页和统计页都做完了,还剩个人中心。这一篇我们来实现个人中心页面,展示用户信息和获奖记录列表。

#flutter#android#javascript
Flutter for OpenHarmony:从零搭建幸运大转盘app(十)数据统计

用户抽了这么多次奖,总想看看自己的"战绩"。这一篇我们来实现数据统计页面,展示抽奖次数、中奖率、连续抽奖天数等数据。

#flutter#javascript#android
Flutter for OpenHarmony:从零搭建幸运大转盘app(七)抽奖次数管理

免费抽奖不能无限次,不然就没意思了。这一篇我们来实现抽奖次数的管理:每天有固定次数,用完了要等恢复,也可以看广告换次数。

#flutter#harmonyos#鸿蒙
Flutter for OpenHarmony:从零搭建幸运大转盘app(六)奖品详情

上一篇实现了中奖弹窗,用户能看到自己抽到了什么。但如果想查看更详细的信息,比如奖品编号、抽奖时间,或者想领取奖品,就需要一个专门的详情页面了。

#flutter#鸿蒙#harmonyos
Flutter for OpenHarmony:从零搭建幸运大转盘app(四)指示器设计

转盘的指示器不仅要清晰可见,还要能吸引用户的注意力。一个好的指示器设计能显著提升应用的整体体验。我在这里用了爱心加笑脸的组合,既可爱又实用。

#flutter#鸿蒙#harmonyos
Flutter for OpenHarmony:从零搭建幸运大转盘app(二)转盘绑制

转盘的绘制是通过实现的。在中定义@overridecenter— 转盘中心点radius— 转盘半径sweepAngle— 每个扇形的圆心角(360度 ÷ 奖品数量)

#flutter#harmonyos#鸿蒙
到底了