精华内容
下载资源
问答
  • 定义和用法text-decoration 属性规定添加到文本的修饰。注释:修饰的颜色由 "color" 属性设置。说明这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到...
  • my-project 声明在前面,这是模仿有赞商城的自定义装修,只实现了部分小功能,并不完善,提供一个思路. 项目估计已经跑不起来了,如有需要可自行使用vue-cli创建新项目,然后导入src内部得内容,再相应得安装依赖包即可 ...
  • DecorationViewDemo 演示了如何应用 UICollectionView 的 DecorationView 属性,为每个 section 实现不同的装饰视图。 PS: 需要注意的是,UICollectionView 在 DecorationView 方面存在一个坑:在iOS10+ 上,子视图...
  • Zero-shot artistic style transfer is an important image synthesis problem aiming at transferring arbitrary style into content images. However, the trade-off between the gener- alization and efficiency...
  • collection view 自定义每个section的背景view(decoration view) github:https://github.com/12207480/TYDecorationSectionLayout
  • Flutter 自定义Decoration

    2020-10-27 20:43:52
    Flutter 中 可以给Container设置decoration来设置背景,边框等等效果,非常方便。 Container( decoration: TestDecoration(), ); 但是Flutter自带的decoration比较少,只能支持常规样式,当我们需要设置特殊背景...

    Flutter 中 可以给Container设置decoration来设置背景,边框等等效果,非常方便。

          Container(
            decoration: TestDecoration(),
          );
    

    但是Flutter自带的decoration比较少,只能支持常规样式,当我们需要设置特殊背景时,就满足不了我们的需要了。

    这时候,就有必要自定义一个我们定制化的decoration。

    搜了一下flutter sdk代码,发现flutter里有一个定制化的FlutterLogoDecoration类,用这个FlutterLogoDecoration可以生成一个flutter logo样式的decoration。
    我们可以参考它的代码来写一个我们自定义的decoration。

    经过我的分析,自定义decoration的步骤还是很简单的。
    一个简单的代码框架是这样的。

    
    class MyDecoration extends Decoration {
      @override
      BoxPainter createBoxPainter([VoidCallback onChanged]) {
        return _MyBoxPainter(this);
      }
    }
    
    class _MyBoxPainter extends BoxPainter {
      final TestDecoration myDecoration;
      final Paint painter;
    
      _MyBoxPainter(this.myDecoration)
          : painter = Paint()
    
      @override
      void paint(Canvas canvas, Offset offset, ImageConfiguration configuration) {
        //我们需要实现的代码
        //具体绘制decoration的内容
      }
    }
    
    

    这段代码中,我们主要需要实现的,就是_MyBoxPainterpaint方法。

    上面的的代码,是先写了一个MyDecoration类继承Decoration,然后重写了其中的createBoxPainter方法,创建一个_MyBoxPainter类。
    _MyBoxPainter类是继承BoxPainter的,里面的paint方法需要我们实现,在该方法中具体编写decoration实际绘制的内容。
    绘制时,主要用到了canvas.draw...相关的api。

    下面是一份带有红色边框,和内部有“测试”字样的decoration的demo代码。

    
    class MyDecoration extends Decoration {
      @override
      BoxPainter createBoxPainter([VoidCallback onChanged]) {
        return _MyBoxPainter(this);
      }
    }
    
    class _MyBoxPainter extends BoxPainter {
      final MyDecoration testDecoration;
      final Paint painter;
    
      _MyBoxPainter(this.testDecoration)
          : painter = Paint()
              ..color = Colors.red
              ..strokeWidth = 2;
    
      @override
      void paint(Canvas canvas, Offset offset, ImageConfiguration configuration) {
        var size = configuration.size;
        Offset leftTop = offset;
        Offset rightTop = leftTop.translate(size.width, 0);
        Offset leftBottom = leftTop.translate(0, size.height);
        Offset rightBottom = leftTop.translate(size.width, size.height);
    
        canvas.drawLine(leftTop, rightTop, painter);
        canvas.drawLine(leftTop, leftBottom, painter);
        canvas.drawLine(rightTop, rightBottom, painter);
        canvas.drawLine(leftBottom, rightBottom, painter);
    
        var textPainter = TextPainter(
          text: TextSpan(
            text: "测试",
            style: TextStyle(
              backgroundColor: Colors.green,
              color: Colors.red,
              fontSize: 12,
            ),
          ),
          textDirection: TextDirection.ltr,
        );
        textPainter.layout();
        textPainter.paint(canvas, (leftTop + rightBottom) / 2);
      }
    }
    

    在这里插入图片描述
    这里设置了painter的颜色是红色,宽度是2,用来绘制边框。
    paint方法的Offset offset参数表示控件左上角的位置。
    configuration.size 可以得到控件的宽高。
    所以,

        Offset leftTop = offset;
        Offset rightTop = leftTop.translate(size.width, 0);
        Offset leftBottom = leftTop.translate(0, size.height);
        Offset rightBottom = leftTop.translate(size.width, size.height);
    

    通过上面这四行代码,就可以得到控件四个角的位置。

    	canvas.drawLine(leftTop, rightTop, painter);
        canvas.drawLine(leftTop, leftBottom, painter);
        canvas.drawLine(rightTop, rightBottom, painter);
        canvas.drawLine(leftBottom, rightBottom, painter);
    

    然后通过drawLine可以绘制四个边框。
    这里是演示demo,实际要绘制边框可以使用canvas.drawRect(rect, paint)方法更为方便。

        var textPainter = TextPainter(
          text: TextSpan(
            text: "测试",
            style: TextStyle(
              backgroundColor: Colors.green,
              color: Colors.red,
              fontSize: 12,
            ),
          ),
          textDirection: TextDirection.ltr,
        );
    

    这里定义了一个“测试”文字绘制的painter,文字颜色是红色,底色是绿色,字号是12,文字方向是从左到右。
    需要注意的是,需要先调用textPainter.layout(); 才能真正绘制,否则会报错。
    调用textPainter.paint(canvas, (leftTop + rightBottom) / 2); 即可完成绘制。(leftTop + rightBottom) / 2)表示绘制在中心位置。


    总体来说代码很简单,只要按照这个框架实现对应的方法即可。
    主要是用了canvas.draw...相关的api 和 TextPainter.paint方法。
    在这里插入图片描述

    展开全文
  • 用于表现修改个人标签,使用UICollectionView实现,动态背景框使用UICollectionViewFlowLayout的DecorationView实现.zip,用于表现修改个人标签,使用UICollectionView实现,动态背景框使用...
  • decoration: 背景装饰 decoration可以设置边框、背景色、背景图片、圆角等属性,非常实用。对于transform这个属性,一般有过其他平台开发经验的,都大致了解,这种变换,一般不是变换的实际位置,而是变换的绘制...

    decoration: 背景装饰
    decoration可以设置边框、背景色、背景图片、圆角等属性,非常实用。对于transform这个属性,一般有过其他平台开发经验的,都大致了解,这种变换,一般不是变换的实际位置,而是变换的绘制效果,也就是说它的点击以及尺寸、间距等都是按照未变换前的。
    但需要注意的是 deoration和 color: 背景颜色不能共存,二者同时只能有一个

    
    example:
    
    new Container(
      constraints: new BoxConstraints.expand(
        height:Theme.of(context).textTheme.display1.fontSize * 1.1 + 200.0,
      ),
      decoration: new BoxDecoration(
        border: new Border.all(width: 2.0, color: Colors.red),
        color: Colors.grey,
        borderRadius: new BorderRadius.all(new Radius.circular(20.0)),
        image: new DecorationImage(
          image: new NetworkImage('http://h.hiphotos.baidu.com/zhidao/wh%3D450%2C600/sign=0d023672312ac65c67506e77cec29e27/9f2f070828381f30dea167bbad014c086e06f06c.jpg'),
          centerSlice: new Rect.fromLTRB(270.0, 180.0, 1360.0, 730.0),
        ),
      ),
      padding: const EdgeInsets.all(8.0),
      alignment: Alignment.center,
      child: new Text('Hello World',
        style: Theme.of(context).textTheme.display1.copyWith(color: Colors.black)),
      transform: new Matrix4.rotationZ(0.3),
    )
    
    


    tips:
    color:用来设置container背景色,如果foregroundDecoration设置的话,可能会遮盖color效果。
    decoration:绘制在child后面的装饰,设置了decoration的话,就不能设置color属性,否则会报错,此时应该在decoration中进行颜色的设置。
    foregroundDecoration:绘制在child前面的装饰。

    原文链接:https://blog.csdn.net/u011272795/article/details/82387068

    展开全文
  • text-decoration

    千次阅读 2021-03-16 06:25:56
    text-decoration属性规定添加到文本的修饰,可以给文本添加下划线,删除线,上划线等 ■ 使用说明 属性值(固定值):  ▶ none:默认,没有装饰线(最常用)  ▶ underline:下划线,链接a自带下划线(常用)  ▶ ...

    ■ 定义

    text-decoration属性规定添加到文本的修饰,可以给文本添加下划线,删除线,上划线等

    ■ 使用说明

    属性值(固定值):

      ▶ none:默认,没有装饰线(最常用)

      ▶ underline:下划线,链接a自带下划线(常用)

      ▶ overline:上划线(几乎不用)

      ▶ line-through:删除线(不常用)

    ■ 示例

    h1 {
        text-decoration: none;
    }
    
    h2 {
        text-decoration: underline;
    }
    
    h3 {
        text-decoration: overline;
    }
    
    h4 {
        text-decoration: line-through;
    }
    
    a {
        text-decoration: none;
    }
    
    <h1>没有装饰线的标题</h1>
    <h2>带下划线的标题</h2>
    <h3>带上划线的标题</h3>
    <h4>带删除线的标题</h4>
    <a href="#">不带下划线的链接</a>
    
    展开全文
  • 本文将讲讲两个比较新的文字装饰的概念 text-decoration 与 text-emphasis,在最后,还会讲解使用 background 模拟文字下划线的一些有趣的动效。 text-decoration 文字装饰技术资讯 www.secn.net text-decoration 意...

    在 CSS 中,文字算是我们天天会打交道的一大类了,有了文字,则必不可少一些文字装饰。

    本文将讲讲两个比较新的文字装饰的概念 text-decorationtext-emphasis,在最后,还会讲解使用 background 模拟文字下划线的一些有趣的动效。

    text-decoration 文字装饰

    技术资讯 www.secn.net

    text-decoration 意为文字装饰,在很早的规范 CSS Level 2 (Revision 1) -- text-decoration 就已经存在了。譬如我们非常熟知的下划线 text-decoration: underline

    p {
        text-decoration: underline;
    }
    

    image

    而到了比较新的 CSS Text Decoration Module Level 3 - text-decoration,text-decoration 得到了比较大的丰富更新,演化出了 text-decoration-line, text-decoration-color, text-decoration-style,和还未成为标准的 text-decoration-thickness 等属性,是它们的缩写。

    其中:

    • text-decoration-line:控制用于设置元素中的文本的修饰类型,是在文本下方、上方还是贯穿文本
    • text-decoration-style:不仅仅是实线 solid,类似于 border-style,还支持双实线 double、点划线 dotted、虚线 dashed 以及非常有意思的 wavy 波浪线
    • text-decoration-color:这个好理解,控制颜色
    • text-decoration-thickness:控制修饰线的粗细

    这里有张非常好的图,帮助大家快速理解:

    image

    CodePen Demo -- Text-decoration Demo

    text-decoration-line 可以同时设置

    有意思的一点是,text-decoration-line 可以同时设置。

    p {
        text-decoration-line: overline underline line-through;
    }
    

    image

    我们可以得到上中下三条线。

    text-decoration 可以进行过渡与动画

    text-decoration 的每个值都是可以进行过渡与动画的。合理利用,在一些文本强调的地方,非常有用。

    <p class="transition">Lorem ipsum dolor</p>
    
    .transition {
        text-decoration-line: underline;
        text-decoration-color: transparent;
        text-decoration-thickness: 0.1em;
        cursor: pointer;
        transition: .5s;
    
        &:hover {
            text-decoration-color: pink;
            text-decoration-thickness: 0.15em;
            color: pink;
        }
    }
    

    配合另外一个属性 text-underline-offset,我们还可以实现如下图这样有趣的效果:

    当然,上述的例子中使用了 text-underline-offset 的变换,但是本身 CSS 是不支持 text-underline-offset 的过渡动画的,这里借助了 CSS @property 巧妙的实现了 text-underline-offset 的过渡动画,感兴趣的可以具体了解下 CSS @property 的用法。

    CodePen Demo -- 文字下划线过渡动画效果

    text-decoration-color 与 color 分离

    text-decoration-colorcolor 是可以不一样的,类似于这样。

    .color {
        text-decoration-style: wavy;
        cursor: pointer;
        transition: .5s;
    
        &:hover {
            color: transparent;
            text-decoration-color: pink;
        }
    }
    

    有意思,经过这样,我们其实得到了一条波浪线。

    如果我们把 wavy 下划线加给元素的伪元素,然后在 hover 的时候添加一个动画,让波浪线动起来,得到一个非常好的强调 hover 效果:

    <p class="animation" data-content="Lorem ibsum dolor Lorem ibsum dolor">Lorem ibsum dolor</p>
    
    .animation {
        position: relative;
        text-decoration: none;
        overflow: hidden;
        cursor: pointer;
        line-height: 2;
        
        &::before {
            content: attr(data-content);
            position: absolute;
            top: 0;
            left: 0;
            color: transparent;
            white-space: nowrap;
            text-decoration-line: underline;
            text-decoration-style: wavy;
            text-decoration-color: #000;
            z-index: -1;
        }
        &:hover::before {
            animation: move 3s infinite linear;
        }
    }
    @keyframes move {
        100% {
            transform: translate(-209px, 0);
        }
    }
    

    我们利用伪元素添加了一段长于文本本身的文本,并且颜色为透明,但是设置了波浪线的颜色,然后 hover 的时候,通过运动伪元素的 translate 进行波浪线的位移,稍微调试一下 translate 的值,可以做到动画的首尾相连,实现运动的波浪线的效果。

    CodePen Demo -- text-decoration Demo

    text-emphasis 文字强调

    text-emphasis 意为文字强调,是 CSS Text Decoration Module Level 3 才新增的一个属性,用于增强文字强调的效果。

    在早些时候,我们如果要强调几个字,可能更多是使用加粗斜体这种较为常规的文字样式类型:

    {
        font-weight: bold;   // 加粗
        font-style: italic;  // 斜体
    }
    

    现在,多了一种有意思的强调方式 -- text-emphasis

    text-emphasis 语法

    text-emphasis 包含了 text-emphasistext-emphasis-position,允许我们在文字上方或者下方添加不同的强调装饰以及不同的颜色。

    看个简单的 Demo:

    <p>
       This is <span>Text-emphasis</span>.
    </p>
    
    p span{
        text-emphasis: circle;
    }
    

    text-emphasis: circle 的效果是给包裹的文字,在其上方,添加 circle 图形,也就是圆圈图形,效果如下:

    image

    当然,默认是黑色的,我们可以在 circle 后面补充颜色:

    p span{
        text-emphasis: circle #f00;
    }
    

    image

    除了 circle,还提供非常多种图形可以选择,也可以自定义传入字符,甚至是 emoji 表情:

    <p>
        A B C D  
        <span class="keyword">E F</span>
        G H
        <span class="word">I J</span>
        K L
        <span class="emoji">M N</span>
    </p>
    
    .keyword {
        text-emphasis: circle #f00;
    }
    .word {
        text-emphasis: 'x' blue;
    }
    .emoji {
        text-emphasis: '😋';
    }
    

    image

    text-emphasis-position 语法

    除了在文字上方,还可以在一定范围内改变强调图形的位置,选择放置在文字的上方或者下方,利用 text-emphasis-position

    这个属性接受上下与左右两个参数:

    text-emphasis-position: [ over | under ] && [ right | left ]?

    .keyword {
        text-emphasis: circle #f00;
    }
    .word {
        text-emphasis: 'x' blue;
        text-position: over left;
    }
    .emoji {
        text-emphasis: '😋';
        text-position: under left;
    }
    

    当文字的排版的书写顺序是水平排版布局,类似 writing-mode: lr 时,只需要用到 overunder 即可,当文本的排版布局模式是垂直模式时,类似 writing-mode: vertical-lr,才会用到 right 或者 left 关键字。

    p {
        writing-mode: vertical-rl;
    }
    .keyword {
        text-emphasis: circle #f00;
    }
    .word {
        text-emphasis: 'x' blue;
        text-position: over left;
    }
    .emoji {
        text-emphasis: '😋';
        text-position: under right;
    }
    

    image

    使用 background 模拟下划线

    除了 CSS 原生提供的 text-decorationtext-emphasis 之外,我们还可以通过其他元素模拟一些文字装饰效果。

    最常见的莫过于使用 background 模拟下划线了。

    看个简单的 DEMO,使用 background 模拟文字的下划线效果:

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. <a>Mollitia nostrum placeat consequatur deserunt velit ducimus possimus commodi temporibus debitis quam</a>, molestiae laboriosam sit repellendus sed sapiente quidem quod accusantium vero.</p>
    
    p {
        width: 600px;
        font-size: 24px;
        color: #666;
    }
    a {
        background: linear-gradient(90deg, #0cc, #0cc);
        background-size: 100% 3px;
        background-repeat: no-repeat;
        background-position: 100% 100%;
        color: #0cc;
    }
    

    使用 background 模拟文字的下划线效果,效果图如下:

    又或者,使用 background 模拟虚线下划线:

    a {
        background: linear-gradient(90deg, #0cc 50%, transparent 50%, transparent 1px);
        background-size: 10px 2px;
        background-repeat: repeat-x;
        background-position: 100% 100%;
    }
    

    CodePen Demo -- 使用 background 模拟下划线与虚线下划线

    当然这个是最基础的,巧妙的运用 background 的各种属性,我们实现各种有意思的效果。

    巧妙改变 background-sizebackground-position 实现文字 hover 动效

    这里,通过巧妙改变 background-sizebackground-position 属性,我们可以实现一些非常有意思的文字 hover 效果。

    先看这样一个 Demo,核心代码作用于被 <p> 标签包裹的 <a> 标签之上:

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. <a>Mollitia nostrum placeat consequatur deserunt velit ducimus possimus commodi temporibus debitis quam</a>, molestiae laboriosam sit repellendus sed sapiente quidem quod accusantium vero.</p>
    
    a {
        background: linear-gradient(90deg, #ff3c41, #fc0, #0ebeff);
        background-size: 0 3px;
        background-repeat: no-repeat;
        background-position: 0 100%;
        transition: 1s all;
        color: #0cc;
    }
    
    a:hover {
        background-size: 100% 3px;
        color: #000;
    }
    

    我们虽然,设定了 background: linear-gradient(90deg, #ff3c41, #fc0, #0ebeff),但是一开始默认它的 background-size: 0 3px,也就是一开始是看不到下划线的,当 hover 的时候,改变 background-size: 100% 3px,这个时候,就会有一个 0 3px100% 3px 的变换,也就是一个从无到有的伸展效果。

    看看最后的效果:

    由于设定的 background-position0 100%,如果,设定的 background-position100% 100%,我们可以得到一个反向的效果:

    // 其他都保持一致,只改变 background-position,从 0 100% 改为 100% 100%
    a {
        ...
        background-position: 100% 100%;
        ...
    }
    

    再看看效果,你可以对比着上面的动图看看具体的差异点在哪:

    CodePen Demo -- background underline animation

    OK,如果我们使用 background 实现两条重叠的下划线,再利用上述的两个不同的 background-position 值,我们就可以得到一个更有意思的下划线 hover 效果。

    CSS 代码示意,注意看两条使用 background 模拟的下划线的 background-position 的值是不一样的:

    a {
        background: 
            linear-gradient(90deg, #0cc, #0cc),
            linear-gradient(90deg, #ff3c41, #fc0, #8500d8);
        background-size: 100% 3px, 0 3px;
        background-repeat: no-repeat;
        background-position: 100% 100%, 0 100%;
        transition: 0.5s all;
        color: #0cc;
    }
    a:hover {
        background-size: 0 3px, 100% 3px;
        color: #000;
    }
    

    可以得到这样一种效果,其实每次 hover, 都有两条下划线在移动:

    CodePen Demo -- background underline animation

    最后

    好了,本文到此结束,介绍了关于文字装饰的一些有意思的属性及动效,希望对你有帮助 😃

    更多精彩 CSS 技术文章汇总在我的 Github -- iCSS ,持续更新,欢迎点个 star 订阅收藏。

    如果还有什么疑问或者建议,可以多多交流,原创文章,文笔有限,才疏学浅,文中若有不正之处,万望告知。

    展开全文
  • 文章目录...Decoration Decoration是一个抽象类,用于背景装饰的描述。Decoration有4个具体的实现类,分别是: BoxDecoration ShapeDecoration FlutterLogoDecorat...
  • Cannot provide both a color and a decoration To provide both, use "decoration: BoxDecoration(color: color)".
  • 该插件使用text-decoration-color: ;为锚链接文本装饰着色插入符生成类text-decoration-color: ; . 部分来自你的顺风配置颜色——所以你可以使用decoration-gray-500或自定义颜色decoration-sop-900 。 安装 通过...
  • text-decoration-line text-decoration-style text-decoration-color> text-decoration-line 值 描述 none 默认。定义标准的文本。 underline 定义文本下的一条线。 overline 定义文本上的一条线。 ...
  • text-decoration属性

    千次阅读 多人点赞 2019-09-28 04:04:33
    一、在CSS1中,text-decoration有六个值: text-decoration:none //默认,定义标准的文本,没有任何样式,正常显示 text-decoration:underline //定义文本下的一条线 text-decoration:overline //定义文本上的一...
  • Symbol Decoration gem 提供了符号方法扩展来实现 DSL,例如where(:field.in => [1,2,3]) 。 目标是允许不同的 ORM(例如 Mongoid 和 NoBrainer)共存,因为这两个 ORM 都需要此类功能。 用法 在以下示例中: where...
  • UICollectionView中Decoration View的使用

    热门讨论 2013-12-19 11:34:43
    Decoration View是UICollectionView的装饰视图。苹果官方给的案例都没涉及到这个视图的使用。没有具体的细节。我今天用UICollectionView做了一个简易的书架。主要是Decoration View的使用方法。
  • 我是看到了这个 然后试了试,用的W3C写的代码 可是完全没反应,不知道咋回事。 虚心请教
  • ## 我在制作网页的时候使用了css的decoration。 图片: ![](https://img-ask.csdn.net/upload/202004/06/1586164838_530586.png) ##代码如下: ```css text-decoration: none ``` ### 结果网页呈现的链接字体...
  • 关于text-decoration

    2020-03-27 12:15:58
    关于text-decoration text-decoration 属性规定添加到文本的修饰,下划线、上划线、删除线等。 text-decoration 属性是以下三种属性的简写: text-decoration-line text-decoration-color text-decoration-style 1...
  • CSS: text-decoration

    2019-12-12 16:47:11
    在改一个项目的时候却遇到了一个莫名其妙的属性:text-decoration,这个属性,其实就只是用来把一段文字加上上横线、删除线或底线的属性罢了,通常会用在移除超链接的底线、或一些特殊强调的效果里头,但是这么容易...
  • h1 {text-decoration:overline} h2 {text-decoration:line-through} h3 {text-decoration:underline} h4 {text-decoration:blink} none 默认。定义标准的文本。 underline 定义文本下的一条线。 overline...
  • tree decoration-danger="state=='invalid'"> </tree> decoration-bf:黑色加粗 decoration-it: 斜体 decoration-danger:红色 decoration-warning:黄色 decoration-info:淡蓝色 decoration-muted...
  • 要想实现图中树杈部分的UI,如果通过传统的方式很难实现,只能写死一部分UI来实现这样的效果,但是通过collectionview的decorationView就可以轻松的实现这种效果; 先上代码 步骤3: [self registerClass:[ShelfView...
  • Flutter之Decoration

    千次阅读 2020-09-08 20:06:45
    Flutter的Decoration可以设置:背景色 背景图 边框 圆角 阴影 渐变色 的等属性,有点像android里面的shape,Decoration 是基类,它的子类有下面这些 BoxDecoration:实现边框、圆角、阴影、形状、渐变、背景图像 ...
  • 在改一个项目的时候却遇到了一个莫名其妙的属性:text-decoration,这个属性,其实就只是用来把一段文字加上上横线、删除线或底线的属性罢了,通常会用在移除超链接的底线、或一些特殊强调的效果里头,但是这么容易...
  • text-decoration属性允许对文本设置某种效果,如加下划线。如果子元素没有自己的装饰,父元素上设置的装饰会“延伸”到子元素中。 值 描述 none 默认。定义标准的文本。 underline 定义文本下划线。 ...
  • 装饰视图 Decoration View ,苹果的例子是一个 cell 贴一张背景图。 实际上,一个 section ,贴一张背景图,可以的。 苹果设计的非常灵活,基本上背景图想怎么糊上去,就怎么糊 实践中发现 二, 设置 Decoration View...
  • flutter Container的decoration

    万次阅读 2018-09-04 17:20:07
    decoration可以设置边框、背景色、背景图片、圆角等属性,非常实用。对于transform这个属性,一般有过其他平台开发经验的,都大致了解,这种变换,一般不是变换的实际位置,而是变换的绘制效果,也就是说它的点击...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 140,559
精华内容 56,223
关键字:

decoration