栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

Flutter:将框阴影添加到透明容器

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Flutter:将框阴影添加到透明容器

正如您在

BoxShadow
类中看到的那样,它们将
toPaint()
方法子类化为:

Paint toPaint() {  final Paint result = Paint()    ..color = color    ..maskFilter = MaskFilter.blur(BlurStyle.normal, blurSigma);  assert(() {    if (debugDisableShadows)      result.maskFilter = null;    return true;  }());  return result;}

…与

BlurStyle.normal
而不是
BlurStyle.outer
我们想要的。

让我们创建一个

BoxShadow
使用
BlurStyle
as参数的自定义。

import 'package:flutter/material.dart';class CustomBoxShadow extends BoxShadow {  final BlurStyle blurStyle;  const CustomBoxShadow({    Color color = const Color(0xFF000000),    Offset offset = Offset.zero,    double blurRadius = 0.0,    this.blurStyle = BlurStyle.normal,  }) : super(color: color, offset: offset, blurRadius: blurRadius);  @override  Paint toPaint() {    final Paint result = Paint()      ..color = color      ..maskFilter = MaskFilter.blur(this.blurStyle, blurSigma);    assert(() {      if (debugDisableShadows)        result.maskFilter = null;      return true;    }());    return result;  }}

现在我们可以像这样使用它:

new CustomBoxShadow(  color: Colors.black,  offset: new Offset(5.0, 5.0),  blurRadius: 5.0,  blurStyle: BlurStyle.outer)


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/404264.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号