Created card layout

This commit is contained in:
xdrm-brackets 2017-11-16 16:44:31 +01:00
parent b643c1f361
commit 3521f2e2a9
1 changed files with 78 additions and 1 deletions

View File

@ -52,6 +52,83 @@
</children>
</AnchorPane>
<VBox id="submenu" fx:id="submenu" layoutX="234.0" layoutY="50.0" prefHeight="650.0" prefWidth="194.0" style="-fx-background-color: white;" AnchorPane.bottomAnchor="0.0" AnchorPane.topAnchor="50.0" />
<FlowPane id="container" fx:id="container" layoutX="421.0" layoutY="50.0" prefHeight="650.0" prefWidth="851.0" AnchorPane.bottomAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="50.0" />
<FlowPane id="container" fx:id="container" alignment="TOP_CENTER" columnHalignment="CENTER" layoutX="421.0" layoutY="50.0" prefHeight="650.0" prefWidth="851.0" rowValignment="TOP" AnchorPane.bottomAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="50.0">
<children>
<AnchorPane prefHeight="98.0" prefWidth="717.0" style="-fx-border-insets: 10; -fx-background-insets: 10; -fx-background-color: #fff; -fx-background-radius: 3; -fx-border-radius: 3; -fx-border-color: #ddd; -fx-padding: 10;">
<opaqueInsets>
<Insets />
</opaqueInsets>
<children>
<ImageView fitHeight="57.0" fitWidth="56.0" layoutX="31.0" layoutY="38.0" pickOnBounds="true" preserveRatio="true" AnchorPane.leftAnchor="20.0">
<image>
<Image url="@../src/menu_profile_1.png" />
</image>
</ImageView>
<Text layoutX="100.0" layoutY="37.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Some Article Title" AnchorPane.leftAnchor="100.0" AnchorPane.topAnchor="20.0">
<font>
<Font name="Lato Bold" size="17.0" />
</font>
</Text>
<Text fill="#808080" fontSmoothingType="LCD" layoutX="99.0" layoutY="61.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam posuere odio ut sem vestibulum, at tempus neque luctus. Curabitur quis tortor bibendum" wrappingWidth="600.0" AnchorPane.leftAnchor="100.0" AnchorPane.topAnchor="45.0">
<font>
<Font name="Lato Regular" size="12.0" />
</font>
</Text>
<Text fill="#757575" layoutX="611.0" layoutY="37.0" strokeType="OUTSIDE" strokeWidth="0.0" text="10 days ago" textAlignment="RIGHT" AnchorPane.rightAnchor="20.0" AnchorPane.topAnchor="20.0">
<font>
<Font name="Lato Bold" size="12.0" />
</font>
</Text>
<Pane layoutX="247.0" layoutY="23.0" prefHeight="16.0" prefWidth="64.0" style="-fx-background-color: #d84430; -fx-background-radius: 3;" AnchorPane.leftAnchor="247.0" AnchorPane.topAnchor="22.0">
<children>
<Text fill="WHITE" fontSmoothingType="LCD" layoutX="8.0" layoutY="12.0" strokeType="OUTSIDE" strokeWidth="0.0" text="science">
<font>
<Font name="Lato Regular" size="14.0" />
</font>
</Text>
</children>
</Pane>
</children>
</AnchorPane>
<AnchorPane layoutX="77.0" layoutY="10.0" prefHeight="98.0" prefWidth="717.0" style="-fx-border-insets: 10; -fx-background-insets: 10; -fx-background-color: #fff; -fx-background-radius: 3; -fx-border-radius: 3; -fx-border-color: #ddd; -fx-padding: 10;">
<opaqueInsets>
<Insets />
</opaqueInsets>
<children>
<ImageView fitHeight="57.0" fitWidth="56.0" layoutX="-28.0" layoutY="38.0" pickOnBounds="true" preserveRatio="true" AnchorPane.leftAnchor="20.0">
<image>
<Image url="@../src/menu_profile_1.png" />
</image>
</ImageView>
<Text layoutX="100.0" layoutY="37.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Some Article Title" AnchorPane.leftAnchor="100.0" AnchorPane.topAnchor="20.0">
<font>
<Font name="Lato Bold" size="17.0" />
</font>
</Text>
<Text fill="#808080" fontSmoothingType="LCD" layoutX="142.0" layoutY="61.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam posuere odio ut sem vestibulum, at tempus neque luctus. Curabitur quis tortor bibendum" wrappingWidth="600.0" AnchorPane.leftAnchor="100.0" AnchorPane.topAnchor="45.0">
<font>
<Font name="Lato Regular" size="12.0" />
</font>
</Text>
<Text fill="#757575" layoutX="611.0" layoutY="37.0" strokeType="OUTSIDE" strokeWidth="0.0" text="10 days ago" textAlignment="RIGHT" AnchorPane.rightAnchor="20.0" AnchorPane.topAnchor="20.0">
<font>
<Font name="Lato Bold" size="12.0" />
</font>
</Text>
<Pane layoutX="289.0" layoutY="64.0" prefHeight="16.0" prefWidth="56.0" style="-fx-background-color: #f8b02c; -fx-background-radius: 3;" AnchorPane.leftAnchor="247.0" AnchorPane.topAnchor="22.0">
<children>
<Text fill="WHITE" fontSmoothingType="LCD" layoutX="8.0" layoutY="12.0" strokeType="OUTSIDE" strokeWidth="0.0" text="nature">
<font>
<Font name="Lato Regular" size="14.0" />
</font>
</Text>
</children>
</Pane>
</children>
</AnchorPane>
</children>
<opaqueInsets>
<Insets />
</opaqueInsets></FlowPane>
</children>
</AnchorPane>