This is from webcast part 1 on WinRT XAML controls. It has an overview of all of the C1 WinRT Controls as well as
Descriptions, features, resources & getting started for:
Tile
Collection View
Calendar
Chart
TileView
see blog week of feb 25, 2013 for code samples at: http://our.componentone.com/author/rfustino/
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
WinRT webcast part 1, overview, tile, collection, calendar, chart, tileview
1. Studio for WinRT XAML
Russ Fustino Greg Lutz
@RussCamTV @ComponentOne
Senior Developer Evangelist Product Manager
russf@componentone.com Greg.Lutz@componentone.com
2. Why should I care about building a
Windows 8 Store App?
• Skill Set - New development models built on
WinRT, including native support for HTML/CSS/JS,
C#/VB/XAML, C++/DirectX
• New Devices - Designed from the chipset up for
multiple form- factors – tablets, laptops, desktops
& all-in-ones.
• Surface – wow!
• $$$ - The Windows Store on every device with a
full commerce platform and 700 million potential
customers with world wide distribution.
3. What you will learn today
• An overview of all of the C1 WinRT Controls
• Descriptions, features & getting started for:
– Tile
– Collection View
– Calendar
– Chart
– TileView
• Resources
4. C1 WinRT XAML Overview
• Single XAML Code Base (for Windows Phone,
WPF, Silverlight, and Windows 8 WinRT)
• Multi-target: Write once, reuse code
• Leaders in XAML market with Silverlight and WPF,
now have the largest WinRT control suite
• Reduce development time
• Fills the gaps of the standard toolbox with rich
data visualization and powerful line of business
controls
• ClearStyle Technology
• WinRT controls have Touch Support and Modern-
UI style
5. Windows 8
Windows Store Application
JavaScript C# VB
Studio for Studio for WinRT
WinJS XAML
7. Tile Controls
Tiles make it easy to replicate the Windows 8 start screen
experience in your own app.
• Create Flipping and Sliding Tiles
• Familiar Windows 8 Live Tile Behavior
• Live Updates
• Host in Any Container
• Support for Different Sizes
8. Collection View Class
• A more powerful implementation of the
ICollectionView interface: delivers missing
functionality from CollectionViewSource
• Sorting
• Filtering
• Grouping
10. Calendar
The C1Calendar control can be used for date
navigation, date range selection, and it can display
custom calendar information such as
appointments.
• Gesture-based Month Navigation
• Date Range Selection
• Customizable Calendar Settings
• Easy and Flexible Styling Model
• Customize Date Appearance
and Content
• Show Week Numbers
11. Chart
• 30+ Chart Types
• 22 Palettes
• Flexible Data Binding
• Data Labels and Markers
• Data Point Selection
• Gesture-based Zoom and Pan
Interactions
• Animation
• Stacked Series and Plot Areas
• Multiple Axes
• Aggregate Summaries
• Chart Legend
12. TileView
Expand and collapse tiles to view more or less
information
• Expand and Collapse Tiles
• Fast and Fluid Animation
• Set Minimize Position
• Flexible Data Binding
• Drag-and-drop Interface
13. Summary – The ComponentOne Edge
• Complete API parity among all platforms
• Complete control set
– Data visualization and line of business
• Feature by feature, most advanced charts!
• Unique and successful reporting story - PdfViewer
• Only from ComponentOne:
– ClearStyle technology
– Legendary FlexGrid
• Download Free Trial of Studio for WinRT XAML
Today! (no time bomb)
14. Upcoming webcasts!
http://our.componentone.com/author/rfustino/ (see Feb 25 entry)
• WinRT XAML Part 2 - March 14
– PdfViewer,
– Date Time Editors,
– Input,
– Layout Panels, and
– FlexGrid
• WinRT XAML Part 3 – April 4
– Gauges
– ListBox
– Zip
– TreeView
16. Webinar Promo Code
$395 - %60 percent off!
• Promo code: (watch part 2 and
3 - webcast live on March 14
and April 4)
(enter in promo code in shopping cart)
• Webcast special!
• Wow!!!!!!
• Normally $895
• Good thru April 12
17. Thanks! Homework assignment…
• Resources:
– www.componentone.com/winrt
– www.componentone.com/russcam
– http://our.componentone.com/author/rfustino/
(sample code and PowerPoint link on WinRT blog series parts 1-6)
– Follow @RussCamTV on Twitter
– Facebook.com/ComponentOne
– Facebook.com/RussellCamTV
– Sample Suggestions? Email russf@componentone.com
– Special thanks for Greg Lutz for helping out !
– http://Russcam.componentone.com (subscribe!)
(daily news from 400 influentials)
Notas del editor
One single XAML codebase outputs controls in 4 different platforms.Our Studios reduce development time – don’t reinvent the wheel – focus on your business logic and leave the UI controls to us. Our XAML controls match the standard controls style and use the same implicit styling techniques defined by Microsoft. This makes them consistent with your design work flow.Our innovative (and unique) ClearStyle technology allows developers to easily change control brushes without overriding control templates. This is supported in all 4 platforms. Save yourself a ton of XAML Coding!
Create tiled displays and navigation hubs with ComponentOne Tiles with WinRT XAML. Tiles make it easy to replicate Windows 8 start screen experience in your own appFeaturesCreate Flipping and Sliding Tiles With the C1FlipTile and C1SlideTile controls you can create tiles that display alternating content with a sliding or flipping animation. Simply design your template and provide content to the control. The updates and animations are handled automatically. Familiar Windows 8 Live Tile Behavior ComponentOne Tiles have been specially designed for Windows Store and Windows Phone apps. Each tile control exhibits the same interactive behavior as the start screen live tiles on Windows 8 and Windows Phone. This means your app will present familiar behavior to the user and you don’t have to lift a finger (except to select a tile). Live Updates ComponentOne Tiles can flip, slide, and show updated “live” content. You can easily control the update interval using the static C1TileService class and the UpdateInterval property. Host in Any Container ComponentOne Tiles can be hosted in any ItemsControl containers such as C1TileListBox, C1WrapPanel, or the standard GridView and ListBox controls. Thus you can use C1Tiles in data bound scenarios. Each container presents a different way to arrange multiple C1Tiles together giving you endless combinations and possibilities. Support for Different Sizes Not all tiles must be created equally. Combine tiles of different types and sizes together to create displays uniquely catered to your application.
Get a more powerful implementation of the ICollectionView interface with ComponentOne CollectionView™ for WinRT XAML. The C1CollectionView class delivers missing functionality like sorting, filtering, grouping, and modifying any collection. Use C1CollectionView as you would use CollectionViewSource in your Windows Store apps to instantly get more functionality without sacrifice.Features• Sorting, Filtering, and Grouping The C1CollectionView class and IC1CollectionView interface give you support for sorting, filtering, and grouping collections in WinRT XAML apps. The object model and functionality are virtually identical to those in the ICollectionView interface provided in WPF, Silverlight, and Windows Phone, so there is no learning curve.
http://www.componentone.com/SuperProducts/ClearStyle/http://www.youtube.com/watch?feature=player_embedded&v=1tBwcBsX4qIClearStyle technology is a unique feature found in all ComponentOne Silverlight, WPF, Windows Phone and WinRT XAML controls. ClearStyle is a quick and easy approach to styling controls. It allows developers to customize the style for a control without having to hassle with XAML templates and style resources. Without needing Expression Blend or a professional designer, developers can fully style controls right on the Visual Studio design surface.
The Calendar control is unique to ComponentOne. No other vendor has this.Create date-driven dashboards and scheduling apps with the ComponentOne Calendar™ for WinRT XAML. The C1Calendar control can be used for date navigation, date range selection, and it can display custom calendar information such as appointments.FeaturesGesture-based Month Navigation By default, C1Calendar supports slide and flick gestures for month-to-month navigation. Or tap the navigation buttons to achieve the same effect. Date Range Selection Enable the user to select one day or many days through a default tap or hold and slide gesture. Control the number of days they can select using the MaxSelectionCount property. Customizable Calendar Settings Specify the starting day of the week, the work weekdays collection, and more. You can use C1Calendar with any supported culture in WinRT. Visually distinguish between work days and weekends through special brush properties. Make any date bolded to highlight it to the end-user. Easy and Flexible Styling Model With C1Calendar you can easily change control brushes without having to override templates. Each visible part of the control has its own brush, including adjacent days, weekends, selected days, the month header and more. Customize Date Appearance and Content You can alter the appearance of any individual day using a custom template and template selector. Use custom C1DataTemplateSelector implementations to display custom content within the date blocks, such as appointments from the device’s user data. Show Week Numbers Display week numbers by just setting one simple property. There are never any trailing empty weeks because C1Calendar always displays the minimum number of rows required per month whether it is 4, 5 or 6 weeks long.
30+ Chart Types Visualize your data with the most advanced WinRT charting control, C1Chart control. It supports over 30 popular 2D chart types including bar, column, line, area, pie, scatter, radar, polar, step, hi-lo-open-close, candle, bubble, polygon and Gantt.FeaturesFlexible Data Binding Bind the control to a collection of business objects or anything that implements IEnumerable. The entire chart structure including data series, axes, and plot areas can be declaratively bound to in XAML, enabling popular design patterns such as MVVM. Data Point Selection For ICollectionView data sources, the C1Chart control supports data-level item selection. Specify how the user can select plot elements, the appearance of selected elements, as well as the appearance of an attached label. Data Labels and Markers Display text and other UI elements over the chart as labels and moveable markers. Markers can be smartly bound or positioned on specific data points or plot coordinates so the hard part is taken care of for you. Zoom and Pan Actions Enhance the end-user experience by allowing users to zoom (scale) and scroll (translate) the chart along its axes using gestures. Customize the actions by specifying which manipulation modes should be used in conjunction with which gestures. The C1Chart control supports the following gestures: double-tap, pinch and slide. Animation The plot element animation API simplifies creating various visual animated effects for plot elements. Now you can easily add loading animations to make your charts feel more alive. Alternatively, you can obtain each plot element at run-time and perform custom animations. Composite Charts With the C1Chart control you can combine more than one chart type into the same plot. Add any number of data series to the chart; each data series can have a unique chart type. Stacked Series and Plot Areas With the ComponentOne Chart control you can stack multiple data series within a single plot by specifying the stacked chart type. You can also stack multiple plot areas horizontally or vertically to create a multi-plot chart. Chart Legend Create a separate chart legend using the C1ChartLegend control that connects to the chart through one property. This design provides maximum flexibility when styling and positioning the legend. Multiple Axes C1Chart gives you many axis options such as date & time display, logarithmic scales, axis scrolling, custom axis labels and support for multiple axes. Display multiple, dependent axes on the top, bottom, left, or right of the chart by simply adding to the chart's Axes collection. Aggregate Summaries By just setting one property you can view calculated aggregates for your charted data. Aggregation options include Sum, Count, Average, Minimum, Maximum, Variance and Standard Deviation. 22 Color Palettes Choose a color scheme for your charts by just setting one property. Or completely customize the palette by providing a custom collection of Brushes. The freedom and flexibility is there to design the chart to your specifications. Chart TypesChart for WinRT XAML supports over 30 2D chart types, including bar, column, line, area, pie, scatter, radial, polar, candle, and gantt.AreaArea SmoothedArea StackedArea Stacked 100%BarBar StackedBar Stacked 100%BubbleCandleColumnColumn StackedColumn Stacked 100%GanttHi-Lo-Open-CloseLineLine SmoothedLine SymbolsLine Symbols SmoothedLine StackedLine Stacked 100%PiePie StackedPie DoughnutPie Doughnut ExplodedPolarPolar SymbolsPolygonPolygon FilledRadarRadar FilledRadar SymbolsStepStep FilledStep SymbolsXY Plot
Interactively browse through your data with ComponentOne TileView™ for WinRT XAML. Expand and collapse tiles to view more or less information. Show-off the true touch-first and fast-and-fluid nature of Windows 8 in your apps with this highly visual and interactive control. Create dashboards, detail views, photo galleries and more!Gesture-based Interaction and Animation The C1TileView control is a very interactive control. Each tile can be viewed in three different states and users can toggle between states by simply tapping the tile header. Users can also rearrange tiles by simply sliding or flicking tiles in any direction. Smooth animations occur as tiles transition from one state to another. Three Tile States Each tile can be viewed in three states: Maximized, Minimized and Default. Show more or less information for each tile easily using any of the item templates. Default state is when all tiles are displayed at the same size. Minimize Position Tiles can be minimized to the top, left, bottom or right side of the C1TileView control by just setting one property. You can also specify the number of rows and columns when in the default state. Flexible Data Binding C1TileView is an items control which can be bound to any collection of business objects. Specify element bindings inside item templates as you would for any items control. UI Virtualization The C1TileView control supports UI virtualization so it can load and display hundreds of items without affecting performance.
Some competitors only focus on data visualization or split their products by dv and lob. Others may have similar API between SL and WPF but not all XAML platforms. Some competitors are missing major components whereas we are most consistent and lack major holes in offering. Unique features like ClearStyle and Maps powered by Esri are unique to component one. ClearStyle saves development time. Only ComponentOne offers the legendary FlexGrid control from Active X days for fast, lgihtweight grid performance and flexibility.