using System.Collections.Generic; using System.Linq; using UIWidgetsGallery.demo; using UIWidgetsGallery.demo.material; using Unity.UIWidgets.foundation; using Unity.UIWidgets.material; using Unity.UIWidgets.widgets; namespace UIWidgetsGallery.gallery { public class GalleryDemoCategory { public GalleryDemoCategory( string name, IconData icon) { this.name = name; this.icon = icon; } public readonly string name; public readonly IconData icon; public bool Equals(GalleryDemoCategory other) { if (ReferenceEquals(this, other)) return true; if (ReferenceEquals(other, null)) return false; return icon.Equals(other.icon) && name == other.name; } public override bool Equals(object obj) { if (ReferenceEquals(this, obj)) return true; if (ReferenceEquals(obj, null)) return false; if (obj.GetType() != GetType()) return false; return Equals((GalleryDemoCategory) obj); } public static bool operator ==(GalleryDemoCategory left, GalleryDemoCategory right) { return Equals(left, right); } public static bool operator !=(GalleryDemoCategory left, GalleryDemoCategory right) { return !Equals(left, right); } public override int GetHashCode() { unchecked { return ((icon?.GetHashCode() ?? 0) * 397) ^ (name?.GetHashCode() ?? 0); } } public override string ToString() { return $"{GetType()}{name}"; } public static readonly GalleryDemoCategory _kDemos = new GalleryDemoCategory( name: "Studies", icon: GalleryIcons.animation ); public static readonly GalleryDemoCategory _kStyle = new GalleryDemoCategory( name: "Style", icon: GalleryIcons.custom_typography ); public static readonly GalleryDemoCategory _kMaterialComponents = new GalleryDemoCategory( name: "Material", icon: GalleryIcons.category_mdc ); public static readonly GalleryDemoCategory _kCupertinoComponents = new GalleryDemoCategory( name: "Cupertino", icon: GalleryIcons.phone_iphone ); public static readonly GalleryDemoCategory _kMedia = new GalleryDemoCategory( name: "Media", icon: GalleryIcons.drive_video ); } internal class GalleryDemo { public GalleryDemo( string title = null, IconData icon = null, string subtitle = null, GalleryDemoCategory category = null, string routeName = null, string documentationUrl = null, WidgetBuilder buildRoute = null ) { D.assert(title != null); D.assert(category != null); D.assert(routeName != null); D.assert(buildRoute != null); this.title = title; this.icon = icon; this.subtitle = subtitle; this.category = category; this.routeName = routeName; this.documentationUrl = documentationUrl; this.buildRoute = buildRoute; } public readonly string title; public readonly IconData icon; public readonly string subtitle; public readonly GalleryDemoCategory category; public readonly string routeName; public readonly WidgetBuilder buildRoute; public readonly string documentationUrl; public override string ToString() { return $"{GetType()}({title} {routeName})"; } public static List _buildGalleryDemos() { List galleryDemos = new List() { new GalleryDemo( title: "Activity Indicator", icon: GalleryIcons.cupertino_progress, category: GalleryDemoCategory._kCupertinoComponents, routeName: CupertinoProgressIndicatorDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/cupertino/CupertinoActivityIndicator-class.html", buildRoute: (BuildContext context) => new CupertinoProgressIndicatorDemo() ), new GalleryDemo( title: "Alerts", icon: GalleryIcons.dialogs, category: GalleryDemoCategory._kCupertinoComponents, routeName: CupertinoAlertDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/cupertino/showCupertinoDialog.html", buildRoute: (BuildContext context) => new CupertinoAlertDemo() ), new GalleryDemo( title: "Buttons", icon: GalleryIcons.generic_buttons, category: GalleryDemoCategory._kCupertinoComponents, routeName: CupertinoButtonsDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/cupertino/CupertinoButton-class.html", buildRoute: (BuildContext context) => new CupertinoButtonsDemo() ), new GalleryDemo( title: "Navigation", icon: GalleryIcons.bottom_navigation, category: GalleryDemoCategory._kCupertinoComponents, routeName: CupertinoNavigationDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/cupertino/CupertinoTabScaffold-class.html", buildRoute: (BuildContext context) => new CupertinoNavigationDemo() ), new GalleryDemo( title: "Pickers", icon: GalleryIcons.cards, category: GalleryDemoCategory._kCupertinoComponents, routeName: CupertinoPickerDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/cupertino/CupertinoPicker-class.html", buildRoute: (BuildContext context) => new CupertinoPickerDemo() ), new GalleryDemo( title: "Pull to refresh", icon: GalleryIcons.cupertino_pull_to_refresh, category: GalleryDemoCategory._kCupertinoComponents, routeName: CupertinoRefreshControlDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/cupertino/CupertinoSliverRefreshControl-class.html", buildRoute: (BuildContext context) => new CupertinoRefreshControlDemo() ), new GalleryDemo( title: "Segmented Control", icon: GalleryIcons.tabs, category: GalleryDemoCategory._kCupertinoComponents, routeName: CupertinoSegmentedControlDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/cupertino/CupertinoSegmentedControl-class.html", buildRoute: (BuildContext context) => new CupertinoSegmentedControlDemo() ), new GalleryDemo( title: "Sliders", icon: GalleryIcons.sliders, category: GalleryDemoCategory._kCupertinoComponents, routeName: CupertinoSliderDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/cupertino/CupertinoSlider-class.html", buildRoute: (BuildContext context) => new CupertinoSliderDemo() ), new GalleryDemo( title: "Switches", icon: GalleryIcons.cupertino_switch, category: GalleryDemoCategory._kCupertinoComponents, routeName: CupertinoSwitchDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/cupertino/CupertinoSwitch-class.html", buildRoute: (BuildContext context) => new CupertinoSwitchDemo() ), new GalleryDemo( title: "Text Fields", icon: GalleryIcons.text_fields_alt, category: GalleryDemoCategory._kCupertinoComponents, routeName: CupertinoTextFieldDemo.routeName, buildRoute: (BuildContext context) => new CupertinoTextFieldDemo() ), new GalleryDemo( title: "Shrine", subtitle: "Basic shopping app", icon: GalleryIcons.shrine, category: GalleryDemoCategory._kDemos, routeName: ShrineDemo.routeName, buildRoute: (BuildContext context) => new ShrineDemo() ), new GalleryDemo( title: "Backdrop", subtitle: $"Select a front layer from back layer", icon: GalleryIcons.backdrop, category: GalleryDemoCategory._kMaterialComponents, routeName: BackdropDemo.routeName, buildRoute: (BuildContext context) => new BackdropDemo() ), new GalleryDemo( title: "Banner", subtitle: "Displaying a banner within a list", icon: GalleryIcons.lists_leave_behind, category: GalleryDemoCategory._kMaterialComponents, routeName: BannerDemo.routeName, documentationUrl: "https://api.flutter.dev/flutter/material/MaterialBanner-class.html", buildRoute: (BuildContext context) => new BannerDemo() ), new GalleryDemo( title: "Bottom app bar", subtitle: "Optional floating action button notch", icon: GalleryIcons.bottom_app_bar, category: GalleryDemoCategory._kMaterialComponents, routeName: BottomAppBarDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/BottomAppBar-class.html", buildRoute: (BuildContext context) => new BottomAppBarDemo() ), new GalleryDemo( title: "Bottom navigation", subtitle: "Bottom navigation with cross-fading views", icon: GalleryIcons.bottom_navigation, category: GalleryDemoCategory._kMaterialComponents, routeName: BottomNavigationDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/BottomNavigationBar-class.html", buildRoute: (BuildContext context) => new BottomNavigationDemo() ), new GalleryDemo( title: "Bottom sheet: Modal", subtitle: "A dismissable bottom sheet", icon: GalleryIcons.bottom_sheets, category: GalleryDemoCategory._kMaterialComponents, routeName: ModalBottomSheetDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/showModalBottomSheet.html", buildRoute: (BuildContext context) => new ModalBottomSheetDemo() ), new GalleryDemo( title: "Bottom sheet: Persistent", subtitle: "A bottom sheet that sticks around", icon: GalleryIcons.bottom_sheet_persistent, category: GalleryDemoCategory._kMaterialComponents, routeName: PersistentBottomSheetDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/ScaffoldState/showBottomSheet.html", buildRoute: (BuildContext context) => new PersistentBottomSheetDemo() ), new GalleryDemo( title: "Buttons", subtitle: "Flat, raised, dropdown, and more", icon: GalleryIcons.generic_buttons, category: GalleryDemoCategory._kMaterialComponents, routeName: ButtonsDemo.routeName, buildRoute: (BuildContext context) => new ButtonsDemo() ), new GalleryDemo( title: "Cards", subtitle: "Baseline cards with rounded corners", icon: GalleryIcons.cards, category: GalleryDemoCategory._kMaterialComponents, routeName: CardsDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/Card-class.html", buildRoute: (BuildContext context) => new CardsDemo() ), new GalleryDemo( title: "Buttons: Floating Action Button", subtitle: "FAB with transitions", icon: GalleryIcons.buttons, category: GalleryDemoCategory._kMaterialComponents, routeName: TabsFabDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/FloatingActionButton-class.html", buildRoute: (BuildContext context) => new TabsFabDemo() ), new GalleryDemo( title: "Chips", subtitle: "Labeled with delete buttons and avatars", icon: GalleryIcons.chips, category: GalleryDemoCategory._kMaterialComponents, routeName: ChipDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/Chip-class.html", buildRoute: (BuildContext context) => new ChipDemo() ), new GalleryDemo( title: "Data tables", subtitle: "Rows and columns", icon: GalleryIcons.data_table, category: GalleryDemoCategory._kMaterialComponents, routeName: DataTableDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/PaginatedDataTable-class.html", buildRoute: (BuildContext context) => new DataTableDemo() ), new GalleryDemo( title: "Pull to refresh", subtitle: "Refresh indicators", icon: GalleryIcons.refresh, category: GalleryDemoCategory._kMaterialComponents, routeName: OverscrollDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/RefreshIndicator-class.html", buildRoute: (BuildContext context) => new OverscrollDemo() ), new GalleryDemo( title: "Search", subtitle: "Expandable search", icon: Icons.search, category: GalleryDemoCategory._kMaterialComponents, routeName: SearchDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/showSearch.html", buildRoute: (BuildContext context) => new SearchDemo() ), new GalleryDemo( title: "Selection controls", subtitle: "Checkboxes, radio buttons, and switches", icon: GalleryIcons.check_box, category: GalleryDemoCategory._kMaterialComponents, routeName: SelectionControlsDemo.routeName, buildRoute: (BuildContext context) => new SelectionControlsDemo() ), new GalleryDemo( title: "Sliders", subtitle: "Widgets for selecting a value by swiping", icon: GalleryIcons.sliders, category: GalleryDemoCategory._kMaterialComponents, routeName: SliderDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/Slider-class.html", buildRoute: (BuildContext context) => new SliderDemo() ), new GalleryDemo( title: "Snackbar", subtitle: "Temporary messaging", icon: GalleryIcons.snackbar, category: GalleryDemoCategory._kMaterialComponents, routeName: SnackBarDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/ScaffoldState/showSnackBar.html", buildRoute: (BuildContext context) => new SnackBarDemo() ), new GalleryDemo( title: "Tabs", subtitle: "Tabs with independently scrollable views", icon: GalleryIcons.tabs, category: GalleryDemoCategory._kMaterialComponents, routeName: TabsDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/TabBarView-class.html", buildRoute: (BuildContext context) => new TabsDemo() ), new GalleryDemo( title: "Dialogs", subtitle: "Simple, alert, and fullscreen", icon: GalleryIcons.dialogs, category: GalleryDemoCategory._kMaterialComponents, routeName: DialogDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/showDialog.html", buildRoute: (BuildContext context) => new DialogDemo() ), new GalleryDemo( title: "Elevations", subtitle: "Shadow values on cards", // TODO(larche): Change to custom icon for elevations when one exists. icon: GalleryIcons.cupertino_progress, category: GalleryDemoCategory._kMaterialComponents, routeName: ElevationDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/Material/elevation.html", buildRoute: (BuildContext context) => new ElevationDemo() ), new GalleryDemo( title: "Navigation drawer", subtitle: "Navigation drawer with standard header", icon: GalleryIcons.menu, category: GalleryDemoCategory._kMaterialComponents, routeName: DrawerDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/Drawer-class.html", buildRoute: (BuildContext context) => new DrawerDemo() ), new GalleryDemo( title: "Expansion panels", subtitle: "List of expanding panels", icon: GalleryIcons.expand_all, category: GalleryDemoCategory._kMaterialComponents, routeName: ExpansionPanelsDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/ExpansionPanel-class.html", buildRoute: (BuildContext context) => new ExpansionPanelsDemo() ), new GalleryDemo( title: "Grid", subtitle: "Row and column layout", icon: GalleryIcons.grid_on, category: GalleryDemoCategory._kMaterialComponents, routeName: GridListDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/widgets/GridView-class.html", buildRoute: (BuildContext context) => new GridListDemo() ), new GalleryDemo( title: "Icons", subtitle: "Enabled and disabled icons with opacity", icon: GalleryIcons.sentiment_very_satisfied, category: GalleryDemoCategory._kMaterialComponents, routeName: IconsDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/IconButton-class.html", buildRoute: (BuildContext context) => new IconsDemo() ), new GalleryDemo( title: "Lists", subtitle: "Scrolling list layouts", icon: GalleryIcons.list_alt, category: GalleryDemoCategory._kMaterialComponents, routeName: ListDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/ListTile-class.html", buildRoute: (BuildContext context) => new ListDemo() ), new GalleryDemo( title: "Lists: leave-behind list items", subtitle: "List items with hidden actions", icon: GalleryIcons.lists_leave_behind, category: GalleryDemoCategory._kMaterialComponents, routeName: LeaveBehindDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/widgets/Dismissible-class.html", buildRoute: (BuildContext context) => new LeaveBehindDemo() ), new GalleryDemo( title: "Lists: reorderable", subtitle: "Reorderable lists", icon: GalleryIcons.list_alt, category: GalleryDemoCategory._kMaterialComponents, routeName: ReorderableListDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/ReorderableListView-class.html", buildRoute: (BuildContext context) => new ReorderableListDemo() ), new GalleryDemo( title: "Menus", subtitle: "Menu buttons and simple menus", icon: GalleryIcons.more_vert, category: GalleryDemoCategory._kMaterialComponents, routeName: MenuDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/PopupMenuButton-class.html", buildRoute: (BuildContext context) => new MenuDemo() ), new GalleryDemo( title: "Pagination", subtitle: "PageView with indicator", icon: GalleryIcons.page_control, category: GalleryDemoCategory._kMaterialComponents, routeName: PageSelectorDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/TabBarView-class.html", buildRoute: (BuildContext context) => new PageSelectorDemo() ), new GalleryDemo( title: "Progress indicators", subtitle: "Linear, circular, indeterminate", icon: GalleryIcons.progress_activity, category: GalleryDemoCategory._kMaterialComponents, routeName: ProgressIndicatorDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/LinearProgressIndicator-class.html", buildRoute: (BuildContext context) => new ProgressIndicatorDemo() ), new GalleryDemo( title: "Tabs: Scrolling", subtitle: "Tab bar that scrolls", category: GalleryDemoCategory._kMaterialComponents, icon: GalleryIcons.tabs, routeName: ScrollableTabsDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/TabBar-class.html", buildRoute: (BuildContext context) => new ScrollableTabsDemo() ), new GalleryDemo( title: "Text fields", subtitle: "Single line of editable text and numbers", icon: GalleryIcons.text_fields_alt, category: GalleryDemoCategory._kMaterialComponents, routeName: TextFormFieldDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/TextFormField-class.html", buildRoute: (BuildContext context) => new TextFormFieldDemo() ), new GalleryDemo( title: "Tooltips", subtitle: "Short message displayed on long-press", icon: GalleryIcons.tooltip, category: GalleryDemoCategory._kMaterialComponents, routeName: TooltipDemo.routeName, documentationUrl: "https://docs.flutter.io/flutter/material/Tooltip-class.html", buildRoute: (BuildContext context) => new TooltipDemo() ) }; return galleryDemos; } public static readonly List kAllGalleryDemos = _buildGalleryDemos(); public static readonly HashSet kAllGalleryDemoCategories = new HashSet(kAllGalleryDemos .Select((GalleryDemo demo) => demo.category).ToList()); private static Dictionary> _generateCategoryToDemos() { Dictionary> result = new Dictionary>(); foreach (var category in kAllGalleryDemoCategories) result.Add(category, kAllGalleryDemos.Where((GalleryDemo demo) => { return demo.category == category; }).ToList()); return result; } public static readonly Dictionary> kGalleryCategoryToDemos = _generateCategoryToDemos(); private static Dictionary _generateDemoDocumentationUrls() { Dictionary result = new Dictionary(); foreach (var demo in kAllGalleryDemos) if (demo.documentationUrl != null) result.Add(demo.routeName, demo.documentationUrl); return result; } public static readonly Dictionary kDemoDocumentationUrl = _generateDemoDocumentationUrls(); } }