平顶山公司网站建设,长宁广州网站建设,php+html转+wordpress,wordpress下载站模板文章目录 概念介绍使用方法示例代码 我们在上一章回中介绍了PopupMenuButton相关的内容#xff0c;本章回中将介绍如何在任意位置显示PopupMenu.闲话休提#xff0c;让我们一起Talk Flutter吧。 概念介绍
我们在上一章回中介绍了PopupMenuButton相关的内容#xff0c;它主要… 文章目录 概念介绍使用方法示例代码 我们在上一章回中介绍了PopupMenuButton相关的内容本章回中将介绍如何在任意位置显示PopupMenu.闲话休提让我们一起Talk Flutter吧。 概念介绍
我们在上一章回中介绍了PopupMenuButton相关的内容它主要用在AppBar中的右侧。有看官说能不能把它移动到其它的位置答案是不行该组件虽然提供了相关 的属性来移动菜单的位置但是移动的位置有限。我们只能换作其它的思路来移动它的位置本章回中将介绍如何在移动PopupMenu让它显示在任意位置。
使用方法
我们可以使用showMenu方法来移动PopupMenu.该方法提供了相关的参数来控制PopupMenu详细的参数如下
context属性就是BuildContext类型的变量position属性主要用来控制PopupMenu的位置它通过一个相对位置的矩形来控制PopupMenu的位置item属性主要用来存放PopupMenu,该属性的用法和上一章回中PopupMenuButton组件的itemBuilder属性完全相同 在给position属性赋值时比较困难因为这个位置坐标不好调整大家在调整时把握一个原则以一个点的相对坐标为参考点position中的坐标值都是相对于这个 点。我也是经过反复调试并且查看它的源代码后才总结出这个原则下面是计算位置的源代码
final RelativeRect position RelativeRect.fromRect(Rect.fromPoints(button.localToGlobal(offset, ancestor: overlay),button.localToGlobal(button.size.bottomRight(Offset.zero) offset, ancestor: overlay),),
Offset.zero overlay.size,
);示例代码
showMenu(context:context,///这个坐标值不好调整下面我的经验值位置在手指点击点的左下方想往左移动给110数字 往下移动180加数字position: const RelativeRect.fromLTRB(170, 180, 110, 10),items: [///建议指定value属性PopupMenuItemString(value: one,onTap: () debugPrint(tap one),child: const Text(1),),PopupMenuItemString(value:two,onTap: () debugPrint(tap two),child: const Text(2),),PopupMenuItemString(value:three,onTap: () debugPrint(tap three),child: const Text(3),),],)上面的示例代码中添加了包含三个选项的PopupMenu在PopupMenu弹出时可以看到。此外我建议把这个方法赋值给按钮类组件的onPress属性这样在点击按钮时 就会弹出PopupMenu.而且它的位置是相对按钮进行偏移的。比如我在上面代码中的位置就是一个经验值按照这个值设置后弹出的PopupMenu位于按钮的左下方。 我在这里就不演示程序的运行结果了建议大家自己动手去实践这样可以体会到位置变化的细节。 看官们与如何在任意位置显示PopupMenu相关的内容就介绍到这里欢迎大家在评论区交流与讨论!
