摹客教程

摹客教程

摹客,让设计更快更简单

线段组件

线段组件可绘制分割线、连接线、曲线、箭头等样式,也是mockplus提供的基本组件之一。

添加线段组件

从组件面板的交互组件中,拖出线段组件。

1-中文.png

设置属性

线段组件只有两个选择点,可通过拖拽选择点调整线段形态。

可设置线段的线型、线宽。目前支持实线、虚线、点线、点划线、双点划线5种线型,1到5像素的线宽。

2-中文.png

线段组件如何绘制曲线?看看扩展分类下的“直线”属性,该属性默认是勾选的,即默认情况下显示为直线。取消勾选“直线”属性,线段中间多了一个红色选择点,拖拽这个选择点即可调整曲线弧度。

3-中文.png

也可设置线段两端是否显示箭头。

4-中文.png

可双击线段组件弹出编辑框输入文本,多用于连接线的补充说明。文本默认显示在线段中间,取消勾选“文字位置居中”后文本显示在线段起始处。

5-中文.png

可设置文字的边框颜色和背景色。

6-中文.png

 

 

相关阅读:


MockplusMockplus,100万产品经理和设计师的选择
免费下载Mockplus,开始你的设计!