axure9控件树 rp
Segmented controls are not very easy to tackle in prototyping. This is especially true when you have more than 2 segments. This article will show you how to create a segmented control with 3 segments in Axure in just 2 simple steps. The technique can be applied for any number of segments.
在原型设计中,分段控件并不是很容易解决。 当您具有两个以上的细分时,尤其如此。 本文将向您展示如何通过两个简单的步骤在Axure中创建具有3个细分的细分控件。 该技术可以应用于任何数量的段。
Ready? Let’s begin!
准备? 让我们开始!
先决条件 (Prerequisites)
To follow along, you’ll need to be a little bit familiar with Axure and have some understanding about widgets, interactions, local variables and expressions.
要继续学习,您需要对Axure有所了解,并对小部件,交互,局部变量和表达式有所了解。
Also, if you haven’t done it yet, you can download Axure latest version from Axure Website.
另外,如果您尚未执行此操作,则可以从Axure网站下载最新版本。
您将创造什么 (What you will create)
![Axure Segmented Control](https://miro.medium.com/freeze/max/9999/1*WnKGy0Uoq9UrBxplujXamA.gif)
You will create a segmented control (a very well known input control pattern) used in mobile or desktop UI. This type of control allows the user to switch to a specific option within a group. If you want to learn more about this control type you can take a look at the Apple HIG here: https://developer.apple.com/design/human-interface-guidelines/ios/controls/segmented-controls/
您将创建在移动或桌面UI中使用的分段控件 (一种众所周知的输入控件模式)。 这种控制类型允许用户切换到组中的特定选项。 如果您想了解有关此控件类型的更多信息,可以在这里查看Apple HIG: https : //developer.apple.com/design/human-interface-guidelines/ios/controls/segmented-controls/
To make everything work(on the interaction part), we will use a little bit of logic to respond to the Click or Tap event in order to change the selected option (but we will not gonna use global va