美文网首页SwiftUI
SwiftUI 圆角边框

SwiftUI 圆角边框

作者: iOS_July | 来源:发表于2020-12-31 10:14 被阅读0次

今天发现一个很鬼畜的东西,我想要给Text加一个边框,然后边框是圆形⭕️的,很自然的,我用了bordercornerRadius,然后......什么鬼,完全鬼畜的效果!!!

不多说了,上正确而简单的代码:

Text("四")
                                .frame(width:20, height:20, alignment: .center)
                                .foregroundColor(.white)
                                .font(.system(size: 9, weight: .light))
                                .cornerRadius(10.0)
                                .overlay(Circle().stroke(Color.white))
                                .padding(.leading,-10)

关键就是 .overlay(Circle().stroke(Color.white))

2021-03-04补充

正圆 圆角边框:

 .overlay(Circle().stroke(Color.white))

自己控制圆角cornerRadius

.overlay(
                            RoundedRectangle(cornerRadius: 6, style: .continuous)
                                    .stroke(Color(UIColor(hexString: "#10AB90")!), lineWidth: 1)
                        )

相关文章

  • SwiftUI 圆角边框

    今天发现一个很鬼畜的东西,我想要给Text加一个边框,然后边框是圆形⭕️的,很自然的,我用了border和corn...

  • SwiftUI 设置圆角、边框

    前言 首先创建一个 button ,其他的类型也是一样(像Text、Image 等) 1、 圆角 1.1 使用 c...

  • CSS边框圆角--跟着李南江学编程

    1.什么是边框圆角? 就是把矩形边框变成圆角边框,就叫做边框圆角。 2.设置边框圆角的格式 2.1 border-...

  • 25.边框圆角渐变

    边框 什么是边框圆角?将直角的边框变为圆角的边框 边框圆角的格式?border-radius: 左上 右上 右下 ...

  • Flutter-Border

    边框(Border) 单侧边框 全部边框 圆角(borderRadius) 全部圆角 单侧圆角 阴影(BoxSha...

  • Image

    直接圆角图片 设置圆角图片度数 设置圆角图片带灰色圆角边框 设置圆角图片带灰色圆角边框带阴影

  • 常用CSS3 一目了然

    1.css3边框 圆角边框 border-radius: 5px;(圆角半径) 边框阴影 box-shadow: ...

  • android中实现view的圆角

    一、实心圆角 二、空心圆角、有边框

  • UIView任意角圆角和圆角边框

    圆角原理:设置view.layer.mask该遮罩层。 圆角边框:在view.layer 上增加一层,绘制圆角边框...

  • CSS3边框,背景,渐变,过渡,2d变换

    01-边框圆角.html 02-圆角应用.html 03-边框阴影.html 04-边框图片.html 01-背景...

网友评论

    本文标题:SwiftUI 圆角边框

    本文链接:https://www.haomeiwen.com/subject/ldjloktx.html