Flutter学习之旅-IconButton、PopupMenu

2019-06-27  本文已影响0人  Self_Time

1.IconButton

class IconButtonDefault extends StatelessWidget {
  final bool isDisabled;

  const IconButtonDefault([this.isDisabled = true]):assert(isDisabled != null),super();

  @override
    Widget build(BuildContext context) {
      return IconButton(
        icon: Icon(Icons.volume_up),
        color: Colors.red,
        tooltip: 'Increase volume by 10%',
        onPressed: isDisabled ? (){}:null,
      );     
    }
}

2.PopupMenuButton

一个提供菜单栏弹出对话框按钮。

class PopupMenuButttonDemo extends StatefulWidget {
   _PopupMenuButttonDemoState createState() => _PopupMenuButttonDemoState();
}

class _PopupMenuButttonDemoState extends State<PopupMenuButttonDemo> {
  final String _simpleValue1 = 'Menu item value one';
  final String _simpleValue2 = 'Menu item value Two';
  final String _simpleValue3 = 'Menu item value Three';
  String _simpleValue;

  void showMenuSelection(String value) {
    if(<String>[_simpleValue1,_simpleValue2,_simpleValue3].contains(value))
      _simpleValue = value;
    Scaffold.of(context).showSnackBar(
      SnackBar(
        content: Text('You selected: $value')
      )
    );
  }

  @override
  void initState() {
    super.initState();
    _simpleValue = _simpleValue2;
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Column(
        children: <Widget>[
          ListTile(
            title: const Text('An item with a context menu button'),
            trailing: PopupMenuButton<String>(
              padding: EdgeInsets.zero,
              onSelected: showMenuSelection,
              itemBuilder: (BuildContext context) => <PopupMenuItem<String>>[
                PopupMenuItem<String>(
                  value: _simpleValue1,
                  child: Text('Context menu item one'),
                ),
                const PopupMenuItem<String>(
                  enabled: false,
                  child: Text('A disabled menu item'),
                ),
                PopupMenuItem<String>(
                  value: _simpleValue1,
                  child: Text('Context menu item Three'),
                )
              ],
            ),
          ),
          ListTile(
            title: const Text('An item with a sectiond menu'),
            trailing: PopupMenuButton<String>(
              padding: EdgeInsets.zero,
              onSelected: showMenuSelection,
              itemBuilder: (BuildContext context) => <PopupMenuEntry<String>>[
                const PopupMenuItem<String>(
                  value: 'Preview',
                  child: ListTile(
                    leading: Icon(Icons.visibility),
                    title: Text('Preview'),
                  ),
                ),
                const PopupMenuItem<String>(
                  value: 'Share',
                  child: ListTile(
                    leading: Icon(Icons.person_add),
                    title: Text('Share'),
                  ),
                ),
                const PopupMenuItem<String>(
                  value: 'Get Link',
                  child: ListTile(
                    leading: Icon(Icons.link),
                    title: Text('Get link'),
                  ),
                ),
                const PopupMenuDivider(),
                const PopupMenuItem<String>(
                  value: 'Remove',
                  child: ListTile(
                    leading: Icon(Icons.delete),
                    title: Text('Remove'),
                  ),
                )
              ],
            ),
          )
        ],
      ),
    );
  }
}
上一篇 下一篇

猜你喜欢

热点阅读