You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2020/06/05 20:28:17 UTC
[royale-asjs] branch develop updated: removeBE0015: more
improvements to tile list
This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
The following commit(s) were added to refs/heads/develop by this push:
new 5705484 removeBE0015: more improvements to tile list
5705484 is described below
commit 5705484a444956cf292b213225cd2f66e2162e4d
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Fri Jun 5 22:28:05 2020 +0200
removeBE0015: more improvements to tile list
---
.../BE0015_Using_Jewel_TileHorizontalLayout.mxml | 29 +++++++++++-----------
.../VerticalIconListItemRenderer.mxml | 10 +++++---
2 files changed, 21 insertions(+), 18 deletions(-)
diff --git a/examples/blog/BE0015_Using_Jewel_TileHorizontalLayout/src/main/royale/BE0015_Using_Jewel_TileHorizontalLayout.mxml b/examples/blog/BE0015_Using_Jewel_TileHorizontalLayout/src/main/royale/BE0015_Using_Jewel_TileHorizontalLayout.mxml
index 3d91d10..666fc90 100644
--- a/examples/blog/BE0015_Using_Jewel_TileHorizontalLayout/src/main/royale/BE0015_Using_Jewel_TileHorizontalLayout.mxml
+++ b/examples/blog/BE0015_Using_Jewel_TileHorizontalLayout/src/main/royale/BE0015_Using_Jewel_TileHorizontalLayout.mxml
@@ -37,17 +37,18 @@
[Bindable]
public var listData:ArrayList = new ArrayList([
- new IconListVO("All Jewel UI Set Controls", FontAwesome5IconType.ANCHOR),
- new IconListVO("Alert", FontAwesome5IconType.AREA_CHART),
- new IconListVO("Button", FontAwesome5IconType.BACKWARD),
- new IconListVO("DropDownList", FontAwesome5IconType.DASHCUBE),
- new IconListVO("CheckBox", FontAwesome5IconType.CALENDAR_MINUS),
- new IconListVO("Label", FontAwesome5IconType.EDGE),
- new IconListVO("List", FontAwesome5IconType.FEMALE),
- new IconListVO("RadioButton", FontAwesome5IconType.FILE),
- new IconListVO("Slider", FontAwesome5IconType.GENDERLESS),
- new IconListVO("Text", FontAwesome5IconType.HACKER_NEWS),
- new IconListVO("TextInput", FontAwesome5IconType.GIFT)
+ new IconListVO("Ank", FontAwesome5IconType.ANKH),
+ new IconListVO("Atom", FontAwesome5IconType.ATOM),
+ new IconListVO("Burn", FontAwesome5IconType.BURN),
+ new IconListVO("Candy Cane", FontAwesome5IconType.CANDY_CANE),
+ new IconListVO("Fire", FontAwesome5IconType.FIRE_ALT),
+ new IconListVO("Duck", FontAwesome5IconType.DUCK),
+ new IconListVO("Clound And Moon", FontAwesome5IconType.CLOUD_MOON),
+ new IconListVO("Europe", FontAwesome5IconType.GLOBE_EUROPE),
+ new IconListVO("Electric Guitar", FontAwesome5IconType.GUITAR_ELECTRIC),
+ new IconListVO("Mask", FontAwesome5IconType.MASK),
+ new IconListVO("Skull", FontAwesome5IconType.SKULL),
+ new IconListVO("Spider", FontAwesome5IconType.SPIDER)
]);
]]>
</fx:Script>
@@ -90,7 +91,7 @@
<j:beads>
<j:ScrollingViewport/>
<j:TileHorizontalLayout localId="thl" waitForSize="true"
- horizontalGap="6" verticalGap="6" columnWidth="85" rowHeight="60"/>
+ horizontalGap="6" verticalGap="6" requestedColumnCount="3"/>
</j:beads>
<html:Div className="box" text="1"/>
<html:Div className="box" text="2"/>
@@ -108,12 +109,12 @@
</j:SectionContent>
<j:SectionContent name="sec2">
- <j:List width="100%" height="280"
+ <j:List width="100%" height="250"
itemRenderer="itemRenderers.VerticalIconListItemRenderer"
dataProvider="{listData}">
<j:beads>
<j:TileHorizontalLayout localId="thll" waitForSize="true"
- horizontalGap="6" verticalGap="6" columnWidth="120" rowHeight="60"/>
+ horizontalGap="6" verticalGap="6" columnWidth="140" rowHeight="70"/>
</j:beads>
</j:List>
</j:SectionContent>
diff --git a/examples/blog/BE0015_Using_Jewel_TileHorizontalLayout/src/main/royale/itemRenderers/VerticalIconListItemRenderer.mxml b/examples/blog/BE0015_Using_Jewel_TileHorizontalLayout/src/main/royale/itemRenderers/VerticalIconListItemRenderer.mxml
index 156de19..c780050 100644
--- a/examples/blog/BE0015_Using_Jewel_TileHorizontalLayout/src/main/royale/itemRenderers/VerticalIconListItemRenderer.mxml
+++ b/examples/blog/BE0015_Using_Jewel_TileHorizontalLayout/src/main/royale/itemRenderers/VerticalIconListItemRenderer.mxml
@@ -20,8 +20,8 @@ limitations under the License.
<j:ListItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:j="library://ns.apache.org/royale/jewel"
xmlns:js="library://ns.apache.org/royale/basic"
- xmlns="http://www.w3.org/1999/xhtml" width="145" height="50">
-
+ xmlns="http://www.w3.org/1999/xhtml">
+
<fx:Script>
<![CDATA[
import vos.IconListVO;
@@ -36,10 +36,12 @@ limitations under the License.
<j:beads>
<js:ItemRendererDataBinding />
- <j:VerticalLayout gap="3" itemsHorizontalAlign="itemsCenter"/>
+ <j:VerticalLayout gap="3" itemsHorizontalAlign="itemsCenter" itemsVerticalAlign="itemsCenter"/>
</j:beads>
- <js:FontAwesomeIcon text="{iconList.icon}"/>
+ <js:FontAwesomeIcon text="{iconList.icon}"
+ faStyle="{FontAwesomeIcon.DUOTONE}"
+ relativeSize="{FontAwesomeIcon.SIZE_X2}"/>
<j:Label html="{text}"/>