动态面板实践--Axure自学--学会20%的功能,满足80%的日常使用(4)

本文通过模仿《下厨房》App,介绍如何使用Axure的动态面板来实现页面内容的切换。动态面板是大容器元件,可以承载多个状态,通过设置交互来切换展示不同状态的内容。文章详细讲解了动态面板的概念、状态管理、交互设置,以及解决滚动条显示的问题,提供了一个实用的自学案例。
摘要由CSDN通过智能技术生成


新建了站点: https://congge-ready2learn.com/,已经将已发布的axure学习内容同步到,欢迎收藏看看。

2.3.4 动态面板–大容器元件

通过跟着Axure自学的第(1)第(2)第(3)篇文章一起操作后,应该对Axure的应用有了基础的了解。一开始小白如我应该对产品设计没什么概念,那么对成熟产品的模仿及学习,是学习的最快途径。
接下来通过App–《下厨房》的界面,来入手动态面板这个元件吧!

2.3.4.1 模仿学习的思路

如何通过模仿学习,来辅助Axure的学习之路呢?
我个人的方法是:

  1. 寻找对象–找一个自己喜欢的产品
  2. 分析对象–分析产品的功能,并进行功能模块的拆解
  3. 实现功能–一点点实现第二步的拆解出的小功能
2.3.4.1 第一步:寻找对象

这次选择的是帮助了额众多厨房小白度过了饥寒交迫但是要自己做饭吃的日子,《下厨房》App。😃

2.3.4.2 第二步:分析对象

一个App的功能是很多的。总想着能够一蹴而就,或者在没有任何基础的情况下能够一步到位,一次性实现所有功能的展示,往往很容易被失败及挫折束缚住继续学习的步伐。
这次的目的是入手动态面板,那么我拆解出的小功能就是: 通过点击底部标签按钮,实现App页面内容的切换
在这里插入图片描述

2.3.4.2 第三步:实现功能
2.3.4.2.1 动态面板介绍

在实现功能之前,先对 动态面板(Dynamic Panel) 进行一个简要的介绍。动态面板就像其他元件一样,有一些常规属

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值