Download as PDF, PPTX
![Standard ListView
var list = ListView {
items: [“Apples”, “Oranges”, “Pears”]
}](https://image.slidesharecdn.com/enterprisingjavafx-170315041856/85/Enterprising-JavaFX-28-320.jpg)
![Custom Cell
var list = ListView {
items: [“Apples”, “Oranges”, “Pears”]
cellFactory: function() {
ListCell {
node: ...
}
}
}](https://image.slidesharecdn.com/enterprisingjavafx-170315041856/85/Enterprising-JavaFX-29-320.jpg)
More Related Content
Enterprising JavaFX
- 1. Enterprising JavaFX Richard &Jasper (and Tor!) Sun Microsystems
- 2. www.devoxx.com Overall presentation goal Showthat JavaFX can rock in the enterprise!
- 3. www.devoxx.com Speaker’s qualifications Core Engineerson JavaFX at Sun Microsystems Jasper is the design wizard for FX and author of the Charts API Richard is API design lead for FX, UI Controls lead, and key scenegraph developer Both write lots of cool stuff
- 4.
- 5.
- 6.
- 7. www.devoxx.com Threading All data accessshould occur on background thread JavaFX Script is currently single threaded Never create JavaFX objects on a background thread! Use the Task API Subclass from JavaTaskBase
- 8. www.devoxx.com Task Create the task Initializecallbacks Bind to state you want to observe Start it
- 9.
- 10.
- 11.
- 12. www.devoxx.com JavaTaskBase Used for allcustom Tasks create():RunnableFuture*
- 13. www.devoxx.com Writing a CustomTask Step 1: Subclass from JavaTaskBase Step 2: Create a Java implementation peer Step 3: Callback from the peer to the task on completion Step 4: Create FX objects, do FX work on the FX thread
- 14. Step 1: Subclass publicclass LoginTask extends JavaTaskBase { public-init var username:String; public-init var password:String; public-read var token:String; }
- 15. Step 2: CreatePeer public class LoginTaskImpl implements RunnableFuture { private JiraSoapService jira; private String username; private String password; String token; public LoginTaskImpl(JiraSoapService jira, String username, String password) { this.jira = jira; this.username = username; this.password = password; } public void run() throws Exception { token = jira.login(username, password); } }
- 16. Step 3: Callback publicclass LoginTask extends JavaTaskBase, FinishedHandler { ... var impl:LoginTaskImpl; override protected function create():RunnableFuture { impl = new LoginTaskImpl(jira, this, username, password) } }
- 17. Step 3: Callback publicclass LoginTaskImpl implements RunnableFuture { ... private FinishedHandler handler; public LoginTaskImpl(JiraSoapService jira, FinishedHandler handler, String username, String password) { ... this.handler = handler; } public void run() throws Exception { token = jira.login(username, password); handler.backgroundWorkFinished(); } }
- 18. Step 4: FX publicclass LoginTask extends JavaTaskBase, FinishedHandler { ... override public function backgroundWorkFinished():Void { FX.deferAction(function():Void { token = impl.token; }); } }
- 19.
- 20.
- 21.
- 22.
- 23. www.devoxx.com Controls ::The Family Button ToggleButton RadioButton CheckBox Slider Label Hyperlink ProgressIndicator ProgressBar TextBox ListView TreeView* PasswordBox* ChoiceButton* MenuButton* SplitMenuButton* Menus* ToolBar* ScrollBar* ScrollView* MultilineTextBox* Horizontal ListView* Popup* Tooltip*
- 24. www.devoxx.com Controls ::The Family Button ToggleButton RadioButton CheckBox Slider Label Hyperlink ProgressIndicator ProgressBar TextBox ListView TreeView* PasswordBox* ChoiceButton* MenuButton* SplitMenuButton* Menus* ToolBar* ScrollBar* ScrollView* MultilineTextBox* Horizontal ListView* Popup* Tooltip*
- 25. www.devoxx.com Progress Indicator Small circularprogress indicator Bind directly to task.percentDone Example: var task = CustomTask { ... } ProgressIndicator { progress: bind task.percentDone }
- 26. www.devoxx.com TextBox Single or Multiline(single style) text input Useful for building other controls like a search box Example: var t:TextBox = TextBox { promptText: “Search” action: function() { startSearch(t.text); t.text = “”; } }
- 27. www.devoxx.com ListView Horizontal orVertical Massively Scalable CustomCells Dynamically variable row heights Animated cells
- 28. Standard ListView var list= ListView { items: [“Apples”, “Oranges”, “Pears”] }
- 29. Custom Cell var list= ListView { items: [“Apples”, “Oranges”, “Pears”] cellFactory: function() { ListCell { node: ... } } }
- 30. www.devoxx.com Cell Cell has 3layers Background Node Foreground Specialize any of these 3 layers ListCell,TreeCell,TableCell
- 31.
- 32.
- 33. www.devoxx.com Styling Easy and Powerful(CSS) Highly Customized (fxz) Complete Control (code)
- 34. www.devoxx.com Styling Easy and Powerful(CSS) Highly Customized (fxz) Complete Control (code)
- 35.
- 36. www.devoxx.com CSS CSS is ourstrategy for styling. If you use our UI Controls, you use CSS. Caspian is our default CSS stylesheet CSS is fast, and works on mobile, desktop, and tv Stick to the spirit of HTML CSS, but do not be bound by it
- 37. www.devoxx.com Regions Break control skinsin stylable parts In some ways similar to HTML CSS’s Box but not that same Can be Rectangle with independently rounded corners or any arbitrary path Can have multiple background fills, background images, border strokes and border images
- 38.
- 39.
- 41. Regions: ScrollBar ScrollBar RegionThumbRegionTrack RegionLeft Button Region Right Button Region Left Arrow Region Right Arrow Region
- 42.
- 43.
- 44. www.devoxx.com JavaFX Authoring Tool LeadEngineer:Tor Norbye Tool for creating JavaFX Content Built completely on top of JavaFX and Controls
- 45.
- 46. www.devoxx.com Summary JavaFX is seriousabout the enterprise it is what we do Many additional controls coming in next release Extensive support for styling controls
- 47. www.devoxx.com Thanks for yourattention! http://fxexperience.com http://javafx.com