Position of the badge relative to other badges on the control
Member of PRIM_MD.Badge (PRIM_MD.Badge)
Data Type - Enumeration
Details
BadgeFlow プロパティは、同じコントロールに複数のバッジが添付されている場合のこれらのバッジの配置を制御します。
複数のバッジは、BadgeAlignment が同じ場合はフローすることが可能です。
次の値が利用できます。
列挙値 |
説明 |
CenterHorizontal |
スペースを等しくして横にフローします。 |
CenterVertical |
スペースを等しくして横にフローします。 |
Down |
最初のアイテムを最初の開始点として使用し、下にフローします。 |
Left |
最初のアイテムを最初の開始点として使用し、左にフローします。 |
None |
なし |
Right |
最初のアイテムを最初の開始0点として使用し、右にフローします。 |
Up |
最初のアイテムを最初の開始点として使用し、上にフローします。 |
例
以下の例では、ボタンを押すとバッジ red の値に 1 が追加されます。
Begin_Com Role(*EXTENDS #PRIM_WEB) Theme(#SYS_THEME) Height(313) Width(737)
Define_Com Class(#PRIM_TBLO) Name(#Layout1)
Define_Com Class(#PRIM_TBLO.Row) Name(#Layout1Row1) DisplayPosition(1) Parent(#Layout1)
Define_Com Class(#PRIM_TBLO.Column) Name(#Layout1Column1) DisplayPosition(1) Parent(#Layout1)
Define_Com Class(#PRIM_MD.RaisedButton) Name(#Button) Caption('Click') DisplayPosition(1) Left(80) Parent(#COM_OWNER) TabPosition(1) ThemeDrawStyle('MediumAccent') Top(40) Height(49) Width(129)
Define_Com Class(#PRIM_MD.Badge) Name(#BadgeRed) Caption('1') Control(#Button) DisplayPosition(1) Height(20) IconAlignment(Center) TabPosition(1) TabStop(False) ThemeDrawStyle('MediumError') Top(-10) Width(20) Left(119) BadgeFlow(Left)
Define_Com Class(#PRIM_MD.Badge) Name(#BadgeBlue) Caption('1') Control(#Button) DisplayPosition(2) Height(20) IconAlignment(Center) Left(99) TabPosition(2) TabStop(False) ThemeDrawStyle('MediumTitle') Top(-10) Width(20) BadgeFlow(Left) BadgeMarginRight(0)
Define_Com Class(#Prim_nmbr) Name(#ClickCount)
Evtroutine Handling(#Button.Click)
#ClickCount += 1
#BadgeRed := #ClickCount.AsString
#BadgeRed.Visible := #ClickCount > 0
Endroutine
End_Com