Axure文本框读取和赋值高级交互

亲爱的小伙伴,在您浏览之前,烦请关注一下,在此深表感谢!

课程主题:文本框赋值

主要内容:文本、文本域、时间等类型文本框读取和赋值、下拉列表读取和赋值

应用场景:新增数据、读取数据、修改数据、保存数据;

案例展示:

Axure文本框赋值高级交互


正文内容:

案例分析:1、通过新增数据页面,录入多种类型文本框数据,在档案页面读取新增的数据;2、对读取到的数据进行修改;3、支持单项数据的修改;

步骤一:建立新增页面、档案页、修改页,三个页面的基本绘制;参考案例构造,注意出生日期的文本框选择日期类型;

步骤二:进行三个页面的确定按钮的隐藏与显示交互,我们在做交互时,首先要考虑的是整体的交互,先宏观再微观的思维方式;

步骤三:新增页面确定按钮的交互细节;

通过以上的操作,新增页面的所有数据全部输送到档案页;

步骤四:档案页确定按钮的交互细节

步骤五:修改页确定按钮的交互细节

步骤六:单项修改的交互细节

收工!

本课小结:主要考察对文本框掌握的程度,怎么从时间类型文本框取出文本,.text函数的含义,怎么从下拉列表中取值和赋值;这节课主要难点是不断地互相赋值,是强化对文本框熟悉程度的训练,希望大家多练习!


相关课程直通车:

Axure随机验证码高级交互-CSDN博客

如有其他相关问题,欢迎私信沟通,关注 结构化知识课堂-CSDN博客

明天的产品大咖就是你,创作不易,麻烦关注一下,点赞+收藏,感谢大家!

相关推荐
雨季66620 小时前
Flutter 三端应用实战:OpenHarmony 简易“动态内边距调节器”交互模式深度解析
javascript·flutter·ui·交互·dart
qq_177767371 天前
React Native鸿蒙跨平台剧集管理应用实现,包含主应用组件、剧集列表、分类筛选、搜索排序等功能模块
javascript·react native·react.js·交互·harmonyos
烬头88211 天前
React Native鸿蒙跨平台采用了函数式组件的形式,通过 props 接收分类数据,使用 TouchableOpacity实现了点击交互效果
javascript·react native·react.js·ecmascript·交互·harmonyos
灰灰勇闯IT1 天前
Flutter for OpenHarmony:弹窗与对话框(Dialog)—— 构建清晰的上下文交互
flutter·交互
晚霞的不甘1 天前
Flutter for OpenHarmony从零到一:构建《冰火人》双人合作闯关游戏
android·flutter·游戏·前端框架·全文检索·交互
子春一1 天前
Flutter for OpenHarmony:构建一个 Flutter 习惯打卡应用,深入解析周视图交互、连续打卡逻辑与状态驱动 UI
flutter·ui·交互
SickeyLee1 天前
产品经理案例分析(二):电商产品立项:从 0 到 1 启动前,这 5 件事必须想透
产品经理
雨季6661 天前
Flutter 三端应用实战:OpenHarmony “极简文本行数统计器”
开发语言·前端·flutter·ui·交互
雨季6661 天前
Flutter 三端应用实战:OpenHarmony 简易“动态字体大小调节器”交互模式深度解析
开发语言·flutter·ui·交互·dart
晚霞的不甘1 天前
Flutter for OpenHarmony全面升级「今日运势」 应用的视觉与交互革新
前端·学习·flutter·前端框架·交互