On Widget Editor – RDK TECH

Image Size Handler

adminrdk — Mon, 18 Mar 2024 19:17:57 +0000

文字方框編輯器

利用拖曳箭頭改變文字顯示框的大小

利用拖曳箭頭改變背景的圓角半徑，可將背景從矩形變成橢圓

註解：如果背景不透明度為0則無效

Rich Text Editor

adminrdk — Mon, 18 Mar 2024 19:17:35 +0000

允許元件就地編輯，輸入多行文字及符號，可顯示不同字型、風格、尺寸及顏色。

註解：選取欲編輯的文字後即可進入編輯模式

Image Size Editor

adminrdk — Mon, 18 Mar 2024 19:17:08 +0000

Users can drag the triangle at the top-left corner or at the bottom-right corner to change the size of the background image size. The size of the background image is limited by the dotted border of the widget.

This editor is applicable to Circular Scale and Circular Gague widgets.

Tick Diameter Handler

adminrdk — Mon, 18 Mar 2024 19:16:46 +0000

Circular Scale Radius Editor

Users can drag this mark to change the radius of the circular scale.

Once the radius changes, the scale, tiks, and numbers change positions accordingly.

Tick Boundary Handler

adminrdk — Mon, 18 Mar 2024 19:16:26 +0000

Scale Editor

Users can drag positional marks to adjust the scope of the scale.

The “T” mark is for adjusting the position of the numbers of the scale.

Bore Boundary Handler

adminrdk — Mon, 18 Mar 2024 19:15:17 +0000

Bore Editor

Users can use arrows to adjust the position, aize and aspect ratio. Keep in mind that position, size and aspect ratio of the bore are independently set up. The change on these attributes does not alter the knob’s attributes.

The bore serves as the background for the progress bar and the liquid column is the foreground. The liquid colume moves according to the value of the binding register but the bore remains staionary.

If the scales are stencils, users can use the bore to show the color through the scales. For example, the bore is darker grey and this color is shown on the scales.

Knob Size Handler

adminrdk — Mon, 18 Mar 2024 19:14:54 +0000

Knob Editor

Users can use arrows to move the know poisition, size and aspect ratio.

Users can adjust the knob starting and ending positions by dragging the auxiliary lines at the both ends.

The knob auxiliary lines move to the endpoints of the bore.

⮜The starting and ending point example

Liquid Column Editor

adminrdk — Mon, 18 Mar 2024 19:14:26 +0000

Users can drag the arrows to chang the liquid column position.

If users would like to see the liquid colume fill up the entire bore, users first align one of the endpoints with the knob and align the center with the endpoint of the bore.

⮜ Liquid Column

Center Editor

adminrdk — Mon, 18 Mar 2024 19:13:44 +0000

Center Point Editor

Users can drag the green ring around to change the position of the center point. The center point is used in Align to Center.

Users can drag the green arc to change the arc’s position and at the same time change the position of the center point set by Align to Center.

Offset Editor

adminrdk — Mon, 18 Mar 2024 19:13:23 +0000

Text Offset Editor

Users can use these adjustment arrows to change the text offsets on both X and Y axis.

Attribute	Description
	When the text is aligned to the top, dragging the arrow downward moves the text downward.
	When the text is aligned to the bottom, dragging the arrow downward moves the text upward.
	When the text is aligned to the left. dragging the arrow right moves the text to the right.
	When the text is aligned to the right, dragging the arrow right moves the text to the left.