mirror of https://github.com/flutter/samples.git
Per Classon
5 years ago
committed by
GitHub
parent
8c3fab2ea7
commit
06df53bb0a
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,367 @@
|
||||
// Copyright 2019 The Flutter team. All rights reserved.
|
||||
// Use of this source code is governed by a BSD-style license that can be
|
||||
// found in the LICENSE file.
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'package:gallery/l10n/gallery_localizations.dart';
|
||||
|
||||
enum MenuDemoType {
|
||||
contextMenu,
|
||||
sectionedMenu,
|
||||
simpleMenu,
|
||||
checklistMenu,
|
||||
}
|
||||
|
||||
enum SimpleValue {
|
||||
one,
|
||||
two,
|
||||
three,
|
||||
}
|
||||
|
||||
enum CheckedValue {
|
||||
one,
|
||||
two,
|
||||
three,
|
||||
four,
|
||||
}
|
||||
|
||||
class MenuDemo extends StatefulWidget {
|
||||
const MenuDemo({Key key, this.type}) : super(key: key);
|
||||
|
||||
final MenuDemoType type;
|
||||
|
||||
@override
|
||||
_MenuDemoState createState() => _MenuDemoState();
|
||||
}
|
||||
|
||||
class _MenuDemoState extends State<MenuDemo> {
|
||||
final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
|
||||
|
||||
void showInSnackBar(String value) {
|
||||
_scaffoldKey.currentState.showSnackBar(SnackBar(
|
||||
content: Text(value),
|
||||
));
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
Widget demo;
|
||||
switch (widget.type) {
|
||||
case MenuDemoType.contextMenu:
|
||||
demo = _ContextMenuDemo(showInSnackBar: showInSnackBar);
|
||||
break;
|
||||
case MenuDemoType.sectionedMenu:
|
||||
demo = _SectionedMenuDemo(showInSnackBar: showInSnackBar);
|
||||
break;
|
||||
case MenuDemoType.simpleMenu:
|
||||
demo = _SimpleMenuDemo(showInSnackBar: showInSnackBar);
|
||||
break;
|
||||
case MenuDemoType.checklistMenu:
|
||||
demo = _ChecklistMenuDemo(showInSnackBar: showInSnackBar);
|
||||
break;
|
||||
}
|
||||
|
||||
return Scaffold(
|
||||
key: _scaffoldKey,
|
||||
appBar: AppBar(
|
||||
title: Text(GalleryLocalizations.of(context).demoMenuTitle),
|
||||
automaticallyImplyLeading: false,
|
||||
),
|
||||
body: Padding(
|
||||
padding: EdgeInsets.symmetric(horizontal: 20),
|
||||
child: Center(
|
||||
child: demo,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// BEGIN menuDemoContext
|
||||
|
||||
// Pressing the PopupMenuButton on the right of this item shows
|
||||
// a simple menu with one disabled item. Typically the contents
|
||||
// of this "contextual menu" would reflect the app's state.
|
||||
class _ContextMenuDemo extends StatelessWidget {
|
||||
const _ContextMenuDemo({Key key, this.showInSnackBar}) : super(key: key);
|
||||
|
||||
final void Function(String value) showInSnackBar;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ListTile(
|
||||
title: Text(GalleryLocalizations.of(context)
|
||||
.demoMenuAnItemWithAContextMenuButton),
|
||||
trailing: PopupMenuButton<String>(
|
||||
padding: EdgeInsets.zero,
|
||||
onSelected: (value) => showInSnackBar(
|
||||
GalleryLocalizations.of(context).demoMenuSelected(value),
|
||||
),
|
||||
itemBuilder: (context) => <PopupMenuItem<String>>[
|
||||
PopupMenuItem<String>(
|
||||
value: GalleryLocalizations.of(context).demoMenuContextMenuItemOne,
|
||||
child: Text(
|
||||
GalleryLocalizations.of(context).demoMenuContextMenuItemOne,
|
||||
),
|
||||
),
|
||||
PopupMenuItem<String>(
|
||||
enabled: false,
|
||||
child: Text(
|
||||
GalleryLocalizations.of(context).demoMenuADisabledMenuItem,
|
||||
),
|
||||
),
|
||||
PopupMenuItem<String>(
|
||||
value:
|
||||
GalleryLocalizations.of(context).demoMenuContextMenuItemThree,
|
||||
child: Text(
|
||||
GalleryLocalizations.of(context).demoMenuContextMenuItemThree,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// END
|
||||
|
||||
// BEGIN menuDemoSectioned
|
||||
|
||||
// Pressing the PopupMenuButton on the right of this item shows
|
||||
// a menu whose items have text labels and icons and a divider
|
||||
// That separates the first three items from the last one.
|
||||
class _SectionedMenuDemo extends StatelessWidget {
|
||||
const _SectionedMenuDemo({Key key, this.showInSnackBar}) : super(key: key);
|
||||
|
||||
final void Function(String value) showInSnackBar;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ListTile(
|
||||
title: Text(
|
||||
GalleryLocalizations.of(context).demoMenuAnItemWithASectionedMenu),
|
||||
trailing: PopupMenuButton<String>(
|
||||
padding: EdgeInsets.zero,
|
||||
onSelected: (value) => showInSnackBar(
|
||||
GalleryLocalizations.of(context).demoMenuSelected(value)),
|
||||
itemBuilder: (context) => <PopupMenuEntry<String>>[
|
||||
PopupMenuItem<String>(
|
||||
value: GalleryLocalizations.of(context).demoMenuPreview,
|
||||
child: ListTile(
|
||||
leading: Icon(Icons.visibility),
|
||||
title: Text(
|
||||
GalleryLocalizations.of(context).demoMenuPreview,
|
||||
),
|
||||
),
|
||||
),
|
||||
PopupMenuItem<String>(
|
||||
value: GalleryLocalizations.of(context).demoMenuShare,
|
||||
child: ListTile(
|
||||
leading: Icon(Icons.person_add),
|
||||
title: Text(
|
||||
GalleryLocalizations.of(context).demoMenuShare,
|
||||
),
|
||||
),
|
||||
),
|
||||
PopupMenuItem<String>(
|
||||
value: GalleryLocalizations.of(context).demoMenuGetLink,
|
||||
child: ListTile(
|
||||
leading: Icon(Icons.link),
|
||||
title: Text(
|
||||
GalleryLocalizations.of(context).demoMenuGetLink,
|
||||
),
|
||||
),
|
||||
),
|
||||
const PopupMenuDivider(),
|
||||
PopupMenuItem<String>(
|
||||
value: GalleryLocalizations.of(context).demoMenuRemove,
|
||||
child: ListTile(
|
||||
leading: Icon(Icons.delete),
|
||||
title: Text(
|
||||
GalleryLocalizations.of(context).demoMenuRemove,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// END
|
||||
|
||||
// BEGIN menuDemoSimple
|
||||
|
||||
// This entire list item is a PopupMenuButton. Tapping anywhere shows
|
||||
// a menu whose current value is highlighted and aligned over the
|
||||
// list item's center line.
|
||||
class _SimpleMenuDemo extends StatefulWidget {
|
||||
const _SimpleMenuDemo({Key key, this.showInSnackBar}) : super(key: key);
|
||||
|
||||
final void Function(String value) showInSnackBar;
|
||||
|
||||
@override
|
||||
_SimpleMenuDemoState createState() => _SimpleMenuDemoState();
|
||||
}
|
||||
|
||||
class _SimpleMenuDemoState extends State<_SimpleMenuDemo> {
|
||||
SimpleValue _simpleValue;
|
||||
|
||||
void showAndSetMenuSelection(BuildContext context, SimpleValue value) {
|
||||
setState(() {
|
||||
_simpleValue = value;
|
||||
});
|
||||
widget.showInSnackBar(
|
||||
GalleryLocalizations.of(context)
|
||||
.demoMenuSelected(simpleValueToString(context, value)),
|
||||
);
|
||||
}
|
||||
|
||||
String simpleValueToString(BuildContext context, SimpleValue value) => {
|
||||
SimpleValue.one: GalleryLocalizations.of(context).demoMenuItemValueOne,
|
||||
SimpleValue.two: GalleryLocalizations.of(context).demoMenuItemValueTwo,
|
||||
SimpleValue.three:
|
||||
GalleryLocalizations.of(context).demoMenuItemValueThree,
|
||||
}[value];
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_simpleValue = SimpleValue.two;
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return PopupMenuButton<SimpleValue>(
|
||||
padding: EdgeInsets.zero,
|
||||
initialValue: _simpleValue,
|
||||
onSelected: (value) => showAndSetMenuSelection(context, value),
|
||||
child: ListTile(
|
||||
title: Text(
|
||||
GalleryLocalizations.of(context).demoMenuAnItemWithASimpleMenu),
|
||||
subtitle: Text(simpleValueToString(context, _simpleValue)),
|
||||
),
|
||||
itemBuilder: (context) => <PopupMenuItem<SimpleValue>>[
|
||||
PopupMenuItem<SimpleValue>(
|
||||
value: SimpleValue.one,
|
||||
child: Text(simpleValueToString(
|
||||
context,
|
||||
SimpleValue.one,
|
||||
)),
|
||||
),
|
||||
PopupMenuItem<SimpleValue>(
|
||||
value: SimpleValue.two,
|
||||
child: Text(simpleValueToString(
|
||||
context,
|
||||
SimpleValue.two,
|
||||
)),
|
||||
),
|
||||
PopupMenuItem<SimpleValue>(
|
||||
value: SimpleValue.three,
|
||||
child: Text(simpleValueToString(
|
||||
context,
|
||||
SimpleValue.three,
|
||||
)),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// END
|
||||
|
||||
// BEGIN menuDemoChecklist
|
||||
|
||||
// Pressing the PopupMenuButton on the right of this item shows a menu
|
||||
// whose items have checked icons that reflect this app's state.
|
||||
class _ChecklistMenuDemo extends StatefulWidget {
|
||||
const _ChecklistMenuDemo({Key key, this.showInSnackBar}) : super(key: key);
|
||||
|
||||
final void Function(String value) showInSnackBar;
|
||||
|
||||
@override
|
||||
_ChecklistMenuDemoState createState() => _ChecklistMenuDemoState();
|
||||
}
|
||||
|
||||
class _ChecklistMenuDemoState extends State<_ChecklistMenuDemo> {
|
||||
List<CheckedValue> _checkedValues;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_checkedValues = [CheckedValue.three];
|
||||
}
|
||||
|
||||
void showCheckedMenuSelections(BuildContext context, CheckedValue value) {
|
||||
if (_checkedValues.contains(value)) {
|
||||
setState(() {
|
||||
_checkedValues.remove(value);
|
||||
});
|
||||
} else {
|
||||
setState(() {
|
||||
_checkedValues.add(value);
|
||||
});
|
||||
}
|
||||
|
||||
widget.showInSnackBar(
|
||||
GalleryLocalizations.of(context).demoMenuChecked(
|
||||
_checkedValues.map((value) => checkedValueToString(context, value)),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
String checkedValueToString(BuildContext context, CheckedValue value) => {
|
||||
CheckedValue.one: GalleryLocalizations.of(context).demoMenuOne,
|
||||
CheckedValue.two: GalleryLocalizations.of(context).demoMenuTwo,
|
||||
CheckedValue.three: GalleryLocalizations.of(context).demoMenuThree,
|
||||
CheckedValue.four: GalleryLocalizations.of(context).demoMenuFour,
|
||||
}[value];
|
||||
|
||||
bool isChecked(CheckedValue value) => _checkedValues.contains(value);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ListTile(
|
||||
title: Text(
|
||||
GalleryLocalizations.of(context).demoMenuAnItemWithAChecklistMenu),
|
||||
trailing: PopupMenuButton<CheckedValue>(
|
||||
padding: EdgeInsets.zero,
|
||||
onSelected: (value) => showCheckedMenuSelections(context, value),
|
||||
itemBuilder: (context) => <PopupMenuItem<CheckedValue>>[
|
||||
CheckedPopupMenuItem<CheckedValue>(
|
||||
value: CheckedValue.one,
|
||||
checked: isChecked(CheckedValue.one),
|
||||
child: Text(
|
||||
checkedValueToString(context, CheckedValue.one),
|
||||
),
|
||||
),
|
||||
CheckedPopupMenuItem<CheckedValue>(
|
||||
value: CheckedValue.two,
|
||||
enabled: false,
|
||||
checked: isChecked(CheckedValue.two),
|
||||
child: Text(
|
||||
checkedValueToString(context, CheckedValue.two),
|
||||
),
|
||||
),
|
||||
CheckedPopupMenuItem<CheckedValue>(
|
||||
value: CheckedValue.three,
|
||||
checked: isChecked(CheckedValue.three),
|
||||
child: Text(
|
||||
checkedValueToString(context, CheckedValue.three),
|
||||
),
|
||||
),
|
||||
CheckedPopupMenuItem<CheckedValue>(
|
||||
value: CheckedValue.four,
|
||||
checked: isChecked(CheckedValue.four),
|
||||
child: Text(
|
||||
checkedValueToString(context, CheckedValue.four),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// END
|
||||
Loading…
Reference in new issue