身份选择demo

前言

身份选择涉及多种情况,如男女身份、管理或游客身份等,主要原理为选择不同身份,呈现的页面不同

效果

制作思路

  • 身份选择—点击按钮唤起弹窗,进行身份选择
  • 身份呈现—身份选择后,跳转到相应的身份页面## 制作过程

    第一步:添加页面

    1、此处基本需要三个页面:身份选择页面(主页)、男生身份页面(我是男生)、女生身份页面(我是女生) 2、页面的具体UI可根据实际效果设置 参考: 身份选择——按钮组件 插画——图片组件

第二步:进入身份选择弹窗的按钮配置

1、按钮的交互栏处配置点击时行为——显示弹窗 2、弹窗的样式选择自定义,点击进入编辑模式

第三步:身份选择的按钮配置

1、进入编辑模式后,在聚焦视图进行具体配置,预览区可查看实际效果 2、在聚焦视图内拖入图片组件,用于显示UI;拖入按钮组件,用于用户选择身份

3、在女生的身份选择按钮处配置【跳转——我是女生】行为; 在男生的身份选择按钮处配置【跳转——我是男生】行为

Copyright © FunctorZ 2024 all right reserved修订时间: 2024-09-27 09:40:12

results matching ""

    No results matching ""