首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏青年码农

    Flutter基础widgets教程-PopupMenuButton

    1 PopupMenuButton 当菜单隐藏式,点击或调用onSelected时显示一个弹出式菜单列表 2 构造函数 PopupMenuButton({ Key key, @required

    1.1K1715发布于 2020-10-10
  • 来自专栏个人路线

    Flutter:如何制作圆形的 PopupMenuButton InkWell?

    我在 FloatingActionButton 中有一个 PopupMenuButton。但它的 InkWell 不是圆形的,它是标准的方形。我怎样才能做到这一点?

    1.2K20发布于 2021-08-02
  • 来自专栏Flutter笔记

    Flutter | 超实用简单菜单弹出框 PopupMenuButton

    PopupMenuButton 还是老规矩,先看官方的说明: Displays a menu when pressed and calls onSelected[1] when the menu is If icon[5] is provided, then PopupMenuButton[6] behaves like an IconButton[7]. 构造函数 看完了官方说明,再来看构造函数: const PopupMenuButton({ Key key, @required this.itemBuilder, this.initialValue Scaffold( appBar: AppBar( title: Text('PopupMenuButtonPage'), actions: <Widget>[ PopupMenuButton , ), ], ), body: Container(), );} 解释一下逻辑: 1.首先定义了一个枚举2.然后在 AppBar 的「actions」里定义了 PopupMenuButton3

    7K30发布于 2019-08-09
  • 来自专栏Flutter

    【Flutter 实战】菜单(Menu)功能

    PopupMenuButton 使用PopupMenuButton,点击时弹出菜单,用法如下: PopupMenuButton<String>( itemBuilder: (context) { >( tooltip: 'PopupMenuButton', ... ) 效果如下: ? Colors.red, ... ) 默认情况下,PopupMenuButton显示3个小圆点,我们也可以对齐进行设置,设置文字如下: PopupMenuButton<String>( child showMenu 如果你看下PopupMenuButton的源码会发现,PopupMenuButton也是使用showMenu实现的,用法如下: showMenu( context: context 属性和PopupMenuButton基本一样,但使用showMenu需要我们指定位置,所以一般情况下,我们不会直接使用showMenu,而是使用PopupMenuButton,免去了计算位置的过程。

    3.1K10发布于 2020-09-22
  • 来自专栏Flutter

    你知道吗,Flutter内置了10多种Button控件

    PopupMenuButton PopupMenuButton是一个菜单选中控件,用法如下: PopupMenuButton<String>( itemBuilder: (context) { 设置其初始值: PopupMenuButton<String>( initialValue: '语文', ... ) 设置初始值后,打开菜单后,设置的值将会高亮,效果如下: ? >( tooltip: 'PopupMenuButton', ... ) 效果如下: ? Colors.red, ... ) 默认情况下,PopupMenuButton显示3个小圆点,我们也可以对齐进行设置,设置文字如下: PopupMenuButton<String>( child 也可以设置其他图标: PopupMenuButton<String>( icon: Icon(Icons.add), ... ) 效果如下: ?

    4.5K30发布于 2020-09-11
  • 来自专栏Flutter

    你知道吗,Flutter内置了10多种Button控件

    PopupMenuButton是一个菜单选中控件,用法如下: PopupMenuButton<String>( itemBuilder: (context) { return <PopupMenuEntry <String>( tooltip: 'PopupMenuButton', ... ) 效果如下: [1240] 设置其阴影值、内边距和弹出菜单的背景颜色: PopupMenuButton<String >( elevation: 5, padding: EdgeInsets.all(5), color: Colors.red, ... ) 默认情况下,PopupMenuButton显示 ,效果如下: [1240] 也可以设置其他图标: PopupMenuButton<String>( icon: Icon(Icons.add), ... ) 效果如下: [1240] 设置弹出菜单边框 : PopupMenuButton<String>( shape: RoundedRectangleBorder( side: BorderSide( color: Colors.red

    3.5K00发布于 2020-03-15
  • 来自专栏Flutter笔记

    ​Flutter | 一个关于背景颜色引发的打脸惨案

    起因 有个小伙伴在群里问了这样一个问题: PopupMenuButton 怎么改背景色? 这不正好撞枪口上了么,刚写完 PopupMenuButton 的文章,这个逼必须得装。 ? 赶紧去翻源码,发现 PopupMenuButton 本身并没有提供改变颜色的参数, 那没办法了,只能找弹出页面的源码了。 经过 打开链接,看到是用 Theme 包裹住 PopupMenuButton,然后定义了一个 cardColor,这是什么操作? 我赶紧去试了试: Theme( data: ThemeData(cardColor: Colors.red), child: PopupMenuButton<WhyFarther>( // .

    1.9K30发布于 2019-08-09
  • 来自专栏Android知识点总结

    Flutter 知识集锦 | Dart 枚举已支持属性成员

    将以如下的 PopupMenuButton 的按钮数据来介绍: 本文视频版:https://www.ixigua.com/7306317375194956324? PopupMenuButton 的使用 PopupMenuButton 可以支持一个泛型,这里设置为 MenuAction。 { const MorePopIcon({super.key}); @override Widget build(BuildContext context) { return PopupMenuButton

    1.5K10编辑于 2024-02-07
  • 来自专栏阿策小和尚

    【Flutter 专题】23 图解PopupMenu 那些事儿~

    , ), body: Center(child: new Text(_bodyStr))); } Widget _NomalPopMenu() { return new PopupMenuButton Widget _CheckPopMenu() { return new PopupMenuButton<String>( itemBuilder: (BuildContext context Widget _DividerPopMenu() { return new PopupMenuButton<String>( itemBuilder: (BuildContext context

    2.5K41发布于 2019-08-12
  • 来自专栏Android知识

    Flutter AppBar入门使用

    tooltip: 'Add Alarm', onPressed: () {}, ), //隐藏菜单 new PopupMenuButton tooltip: 'Add Alarm', onPressed: () {}, ), //隐藏菜单 new PopupMenuButton

    85110编辑于 2022-01-15
  • 来自专栏技术人生

    flutter组件6【AppBar的使用】

    actions → List - 一个 Widget 列表,代表 Toolbar 中所显示的菜单,对于常用的菜单,通常使用 IconButton 来表示;对于不常用的菜单通常使用 PopupMenuButton tooltip: 'Add Alarm', onPressed: () {} ), // 隐藏的菜单 new PopupMenuButton

    1.7K20发布于 2020-11-13
  • 来自专栏设计模式

    Flutter 入门指北之快速搭建界面(含Flutter知识体系)

    style: TextStyle(color: Colors.red)), // 标题内容 // 末尾的操作按钮列表 actions: <Widget>[ PopupMenuButton 接着介绍下 PopupMenuButton 这个部件,还是按照惯例看构造函数 // itemBuilder typedef PopupMenuItemBuilder<T> = List<PopupMenuEntry BuildContext context); // onSelected typedef PopupMenuItemSelected<T> = void Function(T value); const PopupMenuButton title: Text('AppBar Demo', style: TextStyle(color: Colors.red)), actions: <Widget>[ PopupMenuButton title: Text('AppBar Demo', style: TextStyle(color: Colors.red)), actions: <Widget>[ PopupMenuButton

    2.6K20发布于 2020-12-16
  • 来自专栏Android知识点总结

    Flutter 调试工具篇 | 壹 - 使用 Flutter Inspector 分析界面

    如下所示,左下角的菜单弹框,在 useMaterial3 下呈紫色,而 PopupMenuButton 并没有直接修改弹出框背景色的配置项。 接下来将通过布局分析器,来解决如下几个问题: PopupMenuButton 弹出菜单,其背景是何时、如何着色的。 如何修改弹出菜单的背景色。 弹出菜单在界面树形结构中,处于哪个层级。 ---- 如下所示,往上翻一下,就可以很容易定位到颜色的来源,PopupMenuButton 弹出框的视图,由源码内部的 _PopupMenu 组件所构建,其中背景色由 Material 组件所设置。

    3K20编辑于 2023-07-31
  • 来自专栏一直在跳坑然后爬坑

    Flutter “跳转页面”(二)前言正文

    There are also widgets which create popup routes, like PopupMenuButton and DropdownButton. 比如:PopupMenuButton and DropdownButton。这些控件也通过Navigator的push和pop来控制显示消失。

    1.8K20发布于 2018-08-31
  • 来自专栏前端必修课

    『Flutter』常用组件 按钮、图片

    PopupMenuButton:这个按钮在用户点击时会显示一个弹出菜单。它常用于应用的工具栏中,提供额外的选项。 9. Button 5"); }, child: Icon(Icons.add), ), PopupMenuButton

    1.8K10编辑于 2025-03-07
  • 来自专栏移动开发专栏

    【开源项目】Flutter版 玩安卓

    ExpansionPanelList 可折叠列表 Wrap 流布局 Chip 标签 TabBar 顶部菜单 Card 卡片 banner 轮播图 Drawer 侧边栏 SliverAppBar 可滑动折叠的AppBar PopupMenuButton

    2.1K20编辑于 2022-06-10
  • 来自专栏Python数据分析实例

    Flet-基于Flutter的Python跨平台开发框架(组件学习)

    flet from flet import ( Card, Column, Container, Icon, Image, ListTile, PopupMenuButton title=Text("One-line with trailing control"), trailing=PopupMenuButton subtitle=Text("Here is a second title."), trailing=PopupMenuButton Navigation导航 AppBar设计应用栏 import flet from flet import ( AppBar, Icon, IconButton, Page, PopupMenuButton IconButton(icons.WB_SUNNY_OUTLINED), IconButton(icons.FILTER_3), PopupMenuButton

    14.9K55编辑于 2022-11-07
  • 来自专栏Flutter18

    『Flutter』常用组件 按钮、图片

    PopupMenuButton:这个按钮在用户点击时会显示一个弹出菜单。它常用于应用的工具栏中,提供额外的选项。 Button 5"); }, child: Icon(Icons.add), ), PopupMenuButton

    2K31编辑于 2024-01-17
  • 来自专栏LeoXu的博客

    Flex笔记_处理用户输入 原

    Application> 按钮         Button、ButtonBar、LinkButton(MX)、LinkBar(MX)、ToggleButtonBar(MX)、PopUpButton(MX)、PopUpMenuButton PopUpMenuButton <?xml version="1.0" encoding="utf-8"? myArray:ArrayCollection = new ArrayCollection(["one", "two", "three"]); ]]> </fx:Script> <mx:PopUpMenuButton

    1.6K20发布于 2018-08-15
  • 来自专栏青年码农

    源码分享-一个帮助flutter开发者快速上手的app

    BottomNavigationBar、TabBar、TabBarView、MaterialApp、WidgetsApp、Drawer、FloatingActionButton、FlatButton、IconButton、PopupMenuButton

    1.2K1413发布于 2020-12-17
领券