what is javafx

14
What’s JavaFX Java in the Box 櫻庭 祐一

Upload: skrb

Post on 15-Jan-2015

2.427 views

Category:

Technology


0 download

DESCRIPTION

鹿駆動勉強会 LT 発表資料"What's JavaFX"http://atnd.org/events/24587

TRANSCRIPT

Page 1: What Is JavaFX

What’s JavaFX

Java in the Box櫻庭 祐一

Page 2: What Is JavaFX

JavaFX

Next GenerationJava GUI Library

Page 3: What Is JavaFX

できること

Page 4: What Is JavaFX

GUI 部品

Page 5: What Is JavaFX

Animation

Page 6: What Is JavaFX

Web Browser/HTML

Page 7: What Is JavaFX

その他にも ...

などなど

EffectMovie/Audio3D

Page 8: What Is JavaFX

~2007F3 by Chris Oliver

2007 JavaOneJavaFX 発表

2008.12JavaFX1.0 Release

Page 9: What Is JavaFX

2010 JavaOneJavaFX 2.0 発表JavaFX Script 廃止決定

2011.10JavaFX2.0 Release

Page 10: What Is JavaFX

Structure

Design

Logic

FXMLCSSJava

Page 11: What Is JavaFX

ToolLogic: NetBeans

Structure:Scene Builder

Page 12: What Is JavaFX

FXMLの例

<AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="768.0" prefWidth="1024.0" xmlns:fx="http://javafx.com/fxml" fx:controller="Controller"> <children> <HBox id="hBox1" fx:id="hbox" alignment="CENTER" layoutX="14.0" layoutY="14.0" prefHeight="100.0" prefWidth="996.0" spacing="20.0"> <children> <Label id="label" style="-fx-font-size: 24;" text="Label" /> <Button id="button1" style="-fx-font-size: 24;" text="Button" /> <CheckBox id="checkBox1" style="-fx-font-size: 24;" text="CheckBox" /> <RadioButton id="radioButton1" style="-fx-font-size: 24;" text="RadioButton" /> </children> </HBox> <VBox id="vBox1" alignment="TOP_CENTER" layoutX="21.0" layoutY="114.0" prefHeight="640.0" prefWidth="443.0" spacing="20.0"> <children> <Slider id="sliderHorizontal1" showTickLabels="true" style="-fx-font-size: 24px;" value="30.0" /> <ProgressBar id="progressBar1" prefHeight="40.0" prefWidth="300.0" /> <ComboBox id="comboBox1" fx:id="combobox" prefWidth="200.0" style="-fx-font-size: 24;"> <items> <FXCollections fx:factory="observableArrayList"> <String fx:value="Item 1" /> <String fx:value="Item 2" /> <String fx:value="Item 3" /> </FXCollections> </items> </ComboBox> <ListView id="listView1" fx:id="listview" prefHeight="349.0" prefWidth="423.0" style="-fx-font-size: 24;"> <items> <FXCollections fx:factory="observableArrayList"> <String fx:value="Item 1" /> <String fx:value="Item 2" /> <String fx:value="Item 3" /> <String fx:value="Item 4" /> <String fx:value="Item 5" /> <String fx:value="Item 6" /> </FXCollections> </items> </ListView> </children> <padding> <Insets bottom="10.0" left="10.0" right="10.0" top="10.0" /> </padding> </VBox> <TableView id="tableView1" fx:id="table" layoutX="464.0" layoutY="124.0" prefHeight="277.0" prefWidth="506.0" /> </children></AnchorPane>

Page 13: What Is JavaFX

JavaFX: GUI Library for Javainstead of Swing

UI Controls, AnimationHTML, Media, et al.

Conclusion

Java+FXML+CSS

NetBeans+Scene Builder

Page 14: What Is JavaFX

What’s JavaFX

Java in the Box櫻庭 祐一