首页 最新 热门 推荐

  • 首页
  • 最新
  • 热门
  • 推荐

.resizable()的用法

  • 25-04-24 21:41
  • 3813
  • 13210
juejin.cn

在 Swift 中,resizable() 是 SwiftUI 框架中的一个修饰符(modifier),主要用于调整 Image(图片) 的尺寸和缩放行为。


作用

  • 默认情况下,SwiftUI 的 Image 会以原始尺寸显示。
  • 调用 .resizable() 后,图片会变得可伸缩,允许填充父视图或按需调整大小(类似 scaleToFill 或 scaleToFit)。

基本用法

swift
代码解读
复制代码
Image("yourImageName") // 加载图片 .resizable() // 允许调整大小 .frame(width: 200, height: 200) // 设置目标尺寸

常用搭配修饰符

  1. aspectRatio
    控制缩放比例(保持宽高比):

    swift
    代码解读
    复制代码
    .resizable() .aspectRatio(contentMode: .fit) // 保持比例,适应视图(可能留白) // 或 .aspectRatio(contentMode: .fill) // 保持比例,填满视图(可能裁剪)
  2. scaledToFit() / scaledToFill()
    快捷方法,等效于 aspectRatio 的两种模式:

    swift
    代码解读
    复制代码
    .resizable() .scaledToFit() // 等同于 .aspectRatio(contentMode: .fit)

示例

swift
代码解读
复制代码
import SwiftUI struct ContentView: View { var body: some View { VStack { // 原始图片(固定尺寸) Image("dog") .border(Color.red) // 标记边界 // 可调整大小的图片 Image("dog") .resizable() .frame(width: 100, height: 100) // 保持比例并填满宽度 Image("dog") .resizable() .aspectRatio(contentMode: .fit) .frame(width: 200) } } }

注意事项

  1. 必须调用 resizable()
    如果直接使用 .frame() 而不调用 .resizable(),图片不会缩放。

  2. 矢量图 vs 位图

    • 矢量图(如 PDF)可无损缩放。
    • 位图(如 PNG、JPG)可能会因放大而模糊。
  3. 性能影响
    频繁调整大图片的尺寸可能会影响性能,建议预处理图片资源。


其他上下文

  • 如果是 UIKit(非 SwiftUI),类似的功能通过 UIImageView 的 contentMode 实现(如 .scaleAspectFit)。
  • 在游戏开发(如 SpriteKit)中,resizable 可能用于纹理贴图的平铺模式。

如果有其他具体场景,可以进一步说明!

注:本文转载自juejin.cn的用户203119660096的文章"https://juejin.cn/post/7495938507212472360"。版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。如有侵权,请联系我们删除。
复制链接
复制链接
相关推荐
发表评论
登录后才能发表评论和回复 注册

/ 登录

评论记录:

未查询到任何数据!
回复评论:

分类栏目

后端 (14832) 前端 (14280) 移动开发 (3760) 编程语言 (3851) Java (3904) Python (3298) 人工智能 (10119) AIGC (2810) 大数据 (3499) 数据库 (3945) 数据结构与算法 (3757) 音视频 (2669) 云原生 (3145) 云平台 (2965) 前沿技术 (2993) 开源 (2160) 小程序 (2860) 运维 (2533) 服务器 (2698) 操作系统 (2325) 硬件开发 (2492) 嵌入式 (2955) 微软技术 (2769) 软件工程 (2056) 测试 (2865) 网络空间安全 (2948) 网络与通信 (2797) 用户体验设计 (2592) 学习和成长 (2593) 搜索 (2744) 开发工具 (7108) 游戏 (2829) HarmonyOS (2935) 区块链 (2782) 数学 (3112) 3C硬件 (2759) 资讯 (2909) Android (4709) iOS (1850) 代码人生 (3043) 阅读 (2841)

热门文章

141
iOS
关于我们 隐私政策 免责声明 联系我们
Copyright © 2020-2024 蚁人论坛 (iYenn.com) All Rights Reserved.
Scroll to Top