ios swift 预览设置previewLayout

在使用Swift开发iOS应用时,为实现UI预览效果,本文介绍了如何设置previewLayout来调整预览视图的大小,从而达到更简洁的预览界面。通过修改PreviewProvider中的previewLayout属性,将预览布局固定为指定宽度和高度,可以优化预览效果。

最近在使用swift开发iOS的app,经常需要预览UI

![](https://user-gold-cdn.xitu.io/2020/5/19/1722ca7dbefb1414?w=862&h=1682&f=png&s=447966)

```
struct PostImageCell_Previews: PreviewProvider {
    static var previews: some View {
        let images = postList.list[0].images
        let width=UIScreen.main.bounds.width
        
        return Group{
            PostImageCell(images: Array(images[0...0]),width: width)
             PostImageCell(images: Array(images[0...1]),width: width)
        }
      
    }
}
```

有时候需要设置预览的效果,更改预览的大小

```
struct PostImageCell_Previews: PreviewProvider {
    static var previews: some View {
        let images = postList.list[0].images
        let width=UIScreen.main.bounds.width
        
        return Group{
            PostImageCell(images: Array(images[0...0]),width: width)
             PostImageCell(images: Array(images[0...1]),width: width)
        }
        .previewLayout(.fixed(width: width, height: 300))
        
    }
}
```
这个时候发现预览变得简洁

![](https://user-gold-cdn.xitu.io/2020/5/19/1722ca945735a8cb?w=888&h=1770&f=png&s=443464)

喜欢可以加Q群号:913934649,点赞,评论;

简书: https://www.jianshu.com/u/88db5f15770d

csdn:https://me.youkuaiyun.com/beyondforme

掘金:https://juejin.im/user/5e09a9e86fb9a016271294a7
 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值