VAPS XT入门教程12.02.10:基本控件(GraphicPrimitives)介绍

系列索引:VAPS XT入门教程索引

上一篇:VAPS XT入门教程12.02.09:基本组(BasicGroups)介绍

VAPS XT给设计师提供了最基本的控件:圆、椭圆、不规则四边形、直线、文字等。

本文相关的控件在默认界面的Toolbox的GraphicPrimitives中

basic

所有的复杂界面都是由这些控件的分解、组合、设置属性得到的。

属性可以是宽度、背景色、颜色、渐变、文字大小等等。

Arc

arc

封闭圆弧,由三个点来确定,以向右水平线为基准,上方的点可以随意移动,相应的右侧属性栏的SweptAngle也跟着变化。

FillColor可以调整填充颜色,默认为白色。

Center.X/Y设置圆弧表示的圆的圆心

Radius表示圆的边长

Bezier

bezier

贝塞尔曲线,此曲线由四个点确定,下方的两个点是左侧是Point1/右侧是Ctrl1,上方左侧是Ctrl2/右侧Point2。

由此确定的两条线确定了一条贝塞尔曲线。

可以通过右侧的坐标准确的绘制曲线

LineStyle确定线型

PenColor确定颜色

Precision确定反采样的精度

Circle

circle

绘制圆,此圆由圆心和边长决定。可以通过属性设置圆心坐标、填充颜色、半径

CornerStyleRect

rect

带圆角的矩形,属性可以定义边长、起始坐标点、边框线型、填充颜色、四个边角的形状

Crown

crown

扇区,和Arc差不多,属性可以设置两个圆的边长、圆心点、起始结束角度、填充颜色等等

Ellipse

ellipse

绘制椭圆,属性设置y方向的圆半径为RadiusX,X方向为圆半径为RadiusY,椭圆圆心,填充颜色等等

Fillet

fillet

效果和带圆角的矩形差不多

Image

image

之前的文章介绍过ImageElement,那个相当于最基本的数据,这个控件通过图片数据索引来使用数据。

Line

line

绘制线,属性可以设置起始点的坐标、线型、线颜色

LinearTicks

linearticks

ticks是滴答,滴答不止一次,此控件会绘制不止一条线。

属性可以设置线条数、起止点坐标、每条线长、填充颜色

LocalizedText

与LocalizedTextTableElement类似,用于翻译控件中的文本

MultiLineText

多行文本,除了能够显示不止一行外其他和TextInput一样

multilinetext

Polygon

polygon

不规则多边形,属性可以设置多边形点的数量、每个点的坐标、边框颜色、填充颜色等等

默认是三个点

PolygonRegular

polygonregular

这个和Polygon差不多,不过这个绘制的一定是多边形。属性可以配置边数、中心点、边长、填充颜色

Polyline

polyline

多边形线段,和Polygon类似

Rect2Pnt

rect2pnt

这是我用的最多的控件

绘制直角矩形,此矩形的位置由对角的两个点确定。

RectWidthHeight

rectwidthheight

绘制直角矩形,此矩形的位置由左下角的顶点坐标和矩形的宽高值确定。

RotTicks

rotticks

和linearTicks一样,不过这个程弧度。

SkinnedRect

带皮肤的四边形

StyledText

个性化文本

TextInput

点击此控件时处于可编译状态(比如弹出虚拟键盘)

Text/WideText

text

文本框,两个文本框的属性都是一样的,不同的是WideText支持非英文字符。如果在Text控件中输入汉字,可以正常输入,都是不会显示在控件上。

VAPS XT主要应用于航空领域,不允许动态创建界面。程序运行时,所有的界面都已经示例化。像我动态的根据已有的界面创建一个新实例,是不允许的。一个程序有10个界面,只显示了4个,那么其余6个就是隐藏了。不会出现程序只有4个界面,运行时创建出其他6个的情况。

下一篇:VAPS XT入门教程12.02.11:SVG控件(SVGPrimitives)介绍

技术交流群,欢迎加入讨论。这个圈子很小,大佬可能没兴趣加这些群聊社区之类的。所以只能带你入门,当然,欢迎大佬指导

qq 672991841


VAPS XT入门教程12.02.10:基本控件(GraphicPrimitives)介绍
https://blog.jackeylea.com/vapsxt/introduction-of-vapsxt-basic-component/
作者
JackeyLea
发布于
2021年4月26日
许可协议