首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

停用FlatButton默认声音和动画

在 Flutter 中,FlatButton 是一个用于创建平面按钮的小部件。它具有默认的点击声音和点击动画效果。如果要停用 FlatButton 默认声音和动画,可以通过以下步骤实现:

步骤1:引入依赖 在项目的 pubspec.yaml 文件中,添加以下依赖:

代码语言:txt
复制
dependencies:
  audioplayers: ^0.20.1

运行 flutter packages get 命令来获取依赖包。

步骤2:创建自定义按钮小部件 创建一个自定义的按钮小部件,并继承自 StatelessWidget 或 StatefulWidget,具体根据你的需求而定。

代码语言:txt
复制
import 'package:flutter/material.dart';
import 'package:audioplayers/audioplayers.dart';

class CustomFlatButton extends StatelessWidget {
  final VoidCallback onPressed;

  CustomFlatButton({required this.onPressed});

  @override
  Widget build(BuildContext context) {
    return FlatButton(
      onPressed: () {
        // 停用声音
        AudioCache().clearCache();
        // 执行自定义的点击逻辑
        onPressed();
      },
      child: Text('自定义按钮'),
    );
  }
}

步骤3:使用自定义按钮小部件 在需要使用按钮的地方,使用自定义按钮小部件代替原有的 FlatButton。

代码语言:txt
复制
CustomFlatButton(
  onPressed: () {
    // 处理按钮点击事件的逻辑
  },
),

这样,你就可以在点击自定义按钮时停用 FlatButton 默认声音和动画了。

请注意,上述示例中使用了 audioplayers 插件来停用声音效果。你可以根据自己的需求选择不同的方式来实现停用声音和动画效果。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Android中默认系统的声音大小修改配置详解

前言 声音管理系统用来实现声音的输入输出、声音的控制路由等功能,包括主和各种音源的音量调节、声音焦点控制,声音外设的检测状态管理,声音源输入输出的策略管理、音效的播放、音轨设置播放、录音设置启动等功能...下面就说说关闭声音的几种方法,以及修改系统默认声音的方法,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。...还定义了一个数组DEFAULT_STREAM_VOLUME 这里面则MAX_STREAM_VOLUME里定义的顺序是一样,表明了各种声音默认的大小。...所以方案一方案二实际是一个效果 三、修改ro.config.notification_sound的属性值 此属性值的意思就是通知默认的音乐文件文件名,我们在系统代码build/target/product...四、修改默认声音 系统默认了很多的声音,那么我们要修改一些系统里默认的音效文件呢,那么我们可以修改frameworks/base/data/sounds下面文件及文件夹中的声音文件,如果改了名字记得要在

3.1K10
  • 文本、图片按钮在Flutter中怎么用

    在加载网络图片的时候,为了提升用户的等待体验,我们往往会加入占位图、加载动画等元素,但是默认的Image.network方法并不支持这些高级功能,这个时候,FadeInImage控件就派上用场了。...此外,由于Image支持gif格式,我们甚至还可以将一些炫酷的加载动画作为占位图。 下述代码展示了这样的场景。...Flutter提供了三个基本的按钮控件:FloatingActionButton、FlatButtonRaisedButton。...RaisedButton:凸起的按钮,默认带有灰色背景,被点击后灰色背景会加深。 FlatButton:扁平化的按钮,默认透明背景,被点击后会呈现灰色背景。...下面代码中,我分别定义了FloatingActionButton、FlatButtonRaisedButton,它们的功能完全一样,在点击时打印一段文字: FloatingActionButton(

    7.7K20

    Flutter的文本、图片按钮使用

    FadeInImage控件 加载网络图片,为提升用户等待体验,会加占位图、加载动画等元素,但默认Image.network构造方法不支持这些高级功能,FadeInImage控件就有用了。...由于Image支持gif格式,还可将一些炫酷加载动画作占位图。...计数器示例的“+”悬浮按钮就是FloatingActionButton RaisedButton:凸起按钮,默认带灰色背景,被点击后灰色背景会加深 FlatButton:扁平化按钮,默认透明背景,被点击后会呈现灰色背景...在阅读Flutter SDK中Text、Image、FadeInImage、FloatingActionButton、FlatButtonRaisedButton的源码时,可以发现它们的build函数中都有一个内部真正承载其视觉功能的控件...对于FlatButton控件,其内部真正承载其视觉功能的控件为MaterialInkWell。

    56620

    【Flutter 专题】60 图解基本 Dialog 对话框小结

    和尚尝试对上述 Dialog 添加一些个性化; a. titleTextStyle contentTextStyle 不能改变标题内容中已设置过的样式; b. shape 为对话框样式,如果设置为...Dialog 默认宽度是固定的,高度也有最大限度,若元素大小超过最大宽高则会溢出; b....AlertDialog 但对于自定义内容较少,对于 applicationName / applicationVersion / applicationLegalese 仅提供字符串方式,无法调整样式;且默认有版权取消按钮...builder, }) 分析源码,showDialog 采用 builder 方式取代 child 方式;而实际上 showDialog 是对 showGeneralDialog 的封装,默认的遮罩层颜色渐进渐出的动画效果...;而实际也是对 Navigator.push 的封装; 案例尝试 和尚重现以前博客中实现的简易对话框:由底部弹出且透明度由 0.0 到 1.0;测试 barrierColor 进入退出时都是渐变符合动画效果

    3.3K51

    【Flutter 专题】57 图解页面小跳转 (三)

    和尚在去年刚接触 Flutter 时学习了一下页面跳转路由的基本用法,随着逐渐的学习场景的使用,对一些特殊场景下路由使用进行尝试; Pop / Push pushReplacementNamed...// 上下文环境 Route newRoute, // 预跳转页 { TO result, Object arguments } // 设置返回信息参数...判断处理; 和尚尝试了第二种方法,借助状态管理 Provider,在调用 popUntil 时给一个 Provider 赋值,在到达目的页面时获取 Provider 内容;有需要可以参考整理的...this.transitionDuration = const Duration(milliseconds: 300), // 动画持续时间 this.opaque = true,...Animation,主要实现 animation 即可,若 secondaryAnimation 也设置,则两个动画效果衔接展示; typedef RouteTransitionsBuilder =

    1.7K41

    开发者选项详解

    启用可选编解码器停用可选编解码器:如果您已经安装了其他编解码器实现,可以使用这两个选项启用停用这些实现。 蓝牙音频采样范围:通过选择音频编解码器采样率来调整每秒音频样本数量。...蓝牙音频 LDAC 编解码器:优化声音以提高音质,平衡音频连接质量,提高连接质量,或者使用自适应比特率平衡音频连接质量。...其他绘制选项包括: 强制使用从右到左的布局方向:强制屏幕布局方向为从右到左 (RTL) 或从左到右(默认设置)。 窗口动画缩放:设置窗口动画播放速度,以便您查看不同速度下的性能。缩放越小,速度越快。...包括“已停用”(无模拟配色方案)、“全色盲”(黑色、白色灰色)、“绿色弱视”(红绿不分)、“红色弱视”(红绿不分)“蓝色弱视”(蓝黄不分)。...在“开发者选项”当中,可以看到三个连在一起的选项分别是“窗口动画缩放”、“过渡动画缩放”动画程序时长调整”,分别点击进入都可以看到有关闭动画动画缩放不同数值的选项,将这三个选项的动画缩放直接关闭,

    8.1K10

    Flutter初步-第一个电视直播APP「建议收藏」

    还有动画。小白能做到的极限就是到UI的设计,要更深入还得用dio库,学习get post使用,混编估计有点难,毕竟我连Java都没去了解过。...框架还得改文件里面东西,麻烦,demo运行也会出错,所以换一个来弄 此时我找到了chewie package GitHub里面有example,测试几个链接正常,所以就选它了 下载demo,经过chewie的介绍代码的分析...,发现chewie的example不仅仅用到了自家的player,还有 video player库,其他的chewiechewie_player 的区别,我母鸡啊,某书的文章应该有, 打开chewie...import 'package:flutter/cupertino.dart';//导入iOS风格依赖 import 'package:flutter/material.dart';//flutter默认的一套...见证下界面: 必看:源码因为大小限制,分为3部分,我发两部分,另一部分需要下载,见谅 资源如下:example.part1.rar example.part2.rar 链接:https://

    2.2K40

    flutter PositionedTransition实现缩放动画

    本文实例为大家分享了flutter实现缩放动画的具体代码,供大家参考,具体内容如下 flutter 动画状态监听器 AnimationController //动画控制器 AnimationController...controller; //AnimationController是一个特殊的Animation对象,在屏幕刷新的每一帧,就会生成一个新的值, // 默认情况下,AnimationController...在给定的时间段内会线性的生成从0.0到1.0的数字 //用来控制动画的开始与结束以及设置动画的监听 //vsync参数,存在vsync时会防止屏幕外动画动画的UI不在当前屏幕时)消耗不必要的资源 //...flutter AnimationStatus 动画状态说明 ? flutter PositionedTransition 实现中心缩放动画 ? 动画开始与结束分析 ?...uploads/item/201411/16/20141116124947_xBNxM.jpeg", ), ), ), Positioned( bottom: 20, left: 20, child: FlatButton

    1.5K30

    Flutter Widgets 对话框-Dialog

    配合使用展示Material风格对话框,showCupertinoDialogCupertinoAlertDialog配合使用展示iOS风格对话框,showCupertinoDialog点击空白处是无法退出对话框的...,而showDialog点击空白处默认退出对话框,barrierDismissible属性控制点击空白处的行为,用法如下: showDialog( barrierDismissible: false..., ); }); print('$result'); }, ) 如果你觉得系统提供的这2个风格的对话框不够个性,你可以试试SimpleDialog,用法AlertDialog...,Dialog最灵活,但使用起来比AlertDialog复杂一些,AlertDialog使用起来非常简单,但布局基本样式都已经固定好,不如Dialog灵活。...如果有,请在文章底部留言和点赞,以表示对我的支持,你们的留言、点赞转发关注是我持续更新的动力!

    1.4K11

    【Flutter 专题】134 图解动画小插曲之 SVGA 动画

    和尚之前尝试了 Flare Lottie 动画,实现效果都很高效;今天和尚尝试另一种思路 SVGA 动画;SVGA 是一种同时兼容 iOS / Android / Flutter / Web...应用播放 SVGA 2.1 SVGASimpleImage 加载动画 svgaplayer_flutter 支持播放本地动画网络线上动画,与 Image 加载本地网络图片类似;SVGA 提供了封装好...SVGAAnimationController 控制器的 SVGASimpleImage;根据文件类型,通过不同参数进行展示,默认动画效果为重复播放; class SVGASimpleImage extends...没有提供对应的暂停方法,和尚将 stop 理解为暂停停止,若继续播放则调用 forward 即可; reverse 动画反转,即反向播放动画; repeat 动画重复; fling 使用临界阻尼弹簧初始速度驱动动画...itemBtn(str) => Expanded( child: Container( margin: EdgeInsets.all(1.0), child: FlatButton

    1.4K40

    Flutter Widgets 之 Dialog 对话框

    showDialogAlertDialog配合使用展示Material风格对话框,showCupertinoDialogCupertinoAlertDialog配合使用展示iOS风格对话框,showCupertinoDialog...点击空白处是无法退出对话框的,而showDialog点击空白处默认退出对话框,barrierDismissible属性控制点击空白处的行为,用法如下: showDialog( barrierDismissible...); }); print('$result'); }, ) 如果你觉得系统提供的这2个风格的对话框不够个性,你可以试试SimpleDialog,用法AlertDialog...,只需将对话框的内容给child属性: Dialog( child: MyDialog(), ); 当然一般情况下,系统提供的对话框就够用了,这几个对话框组件用法基本一样,不同的地方仅仅是灵活性使用简易程度的不要...,Dialog最灵活,但使用起来比AlertDialog复杂一些,AlertDialog使用起来非常简单,但布局基本样式都已经固定好,不如Dialog灵活。

    1K10

    Flutter | 常用组件

    库中的按钮都有如下的相同点: 1,按下都会有 “水波纹动画” 2,都有一个 onPressed 属性来设置点击事件的回调,若没有该回调则按钮会处于禁用状态,禁用状态不响应用户点击 各种常见的按钮 class...Padding( padding: EdgeInsets.all(20), child: Column( children: [ //漂浮按钮,默认有阴影灰色背景...FlatButton( child: Text("flatButton"), onPressed: () => print('flatButton...有一个属性 tristate,表示是否为三态,默认值为false,如果为true 时,valude 的值会自动增加一个状态 null 总结 Switch , Checkbox Radio 本身不会维护状态...maxLines :输入最大行数,默认为 1,如果为 null,则为无限制maxLength maxLengthEnforced :前者代表输入文本的最大长度,设置后输入框右下角会显示输入的文本计数

    11.4K30
    领券