iOS长宽不一致图片,设置圆角并裁切多余部分

这篇具有很好参考价值的文章主要介绍了iOS长宽不一致图片,设置圆角并裁切多余部分。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题:

直接设置圆角的话,如果所选图片长宽不一致,会导致展示的图片畸形,不是我们所想要的圆角

_avatar.layer.cornerRadius = 40;
_avatarIcon.layer.masksToBounds = YES;

解决方案: 

如果想要圆角完整显示,在代码中加入

_avatarIcon.contentMode = UIViewContentModeScaleAspectFill; 

UIViewContentModeScaleAspectFill表示按比例缩放并且填满view,意味着图片可能超出view,可能被裁减

_avatarIcon.contentMode = UIViewContentModeScaleAspectFill;//添加此代码
//设置圆角
_avatar.layer.cornerRadius = 40;
_avatarIcon.layer.masksToBounds = YES;

 文章来源地址https://www.toymoban.com/news/detail-819218.html

到了这里,关于iOS长宽不一致图片,设置圆角并裁切多余部分的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • css mask使用,背景透明,图片裁切

    2.1 背景透明 图片与mask生成的渐变的 transparent 的重叠部分,会变得透明,这里#000可以为任意颜色,效果相同 2.2 图片裁切

    2024年01月17日
    浏览(31)
  • Flutter的AspectRatio控件实现视频播放、图片播放按照长宽比缩放

    AspectRatio小部件用于调整其子级小部件的宽高比。它将其子级小部件的宽度调整为给定的宽度,并根据宽度计算出相应的高度,以保持指定的宽高比。 调整容器的宽高比: 当您希望在布局中使用容器或小部件时,以特定的宽高比显示内容时,可以使用AspectRatio。 例如,您可能

    2024年02月13日
    浏览(45)
  • Matlab 保存指定像素大小的图片, 为什么保存图的实际大小与设置的不一致?

     matlab使用getframe函数保存指定像素大小的图片。 使用 set(gcf, \\\'position\\\', [124,124,800,800]);设置图片位置和大小,可将图片保存为256x256大小。 (代码第3行) 仅把\\\'position\\\'参数从124改成125时,不能保存为期望的256x256大小,反而是320x320大小,这是为什么??(代码第4行) 试试其他几

    2024年02月12日
    浏览(34)
  • 微信小程序分享的图片被裁切了。怎么让他不裁剪正常比例5:4显示

     现在的效果 希望的效果  最主要的是下面的这个函数。把图片转成了5:4的临时图片  页面上。使用定位让用户看不到这个绘图,但是实际上只是不出现在可视范围内 然后调用函数把你的图片换成这个临时的图片 }

    2024年02月09日
    浏览(36)
  • 织梦删除空间中多余的没有被引用的图片

    在用织梦建站的时候,我们时常会删除一些文章,但是有个问题,就是删除文章的同时,文章内的图片还保存在网站空间中,占用了服务器资源。我曾经就有过一次,无用的图片达到八百多MB,要是手动去删,何年何月啊。 一般来说有二种情况,我们分别来操作: 1、删除文

    2024年02月02日
    浏览(23)
  • 【UnityShader】图片圆角

            我们在开发的时候,有时候一些按钮或者菜单栏的边角是直角的需要改成圆角,但是让美术重新绘制耽误时间不说也确实没必要,这个时候我们不妨使用一个简单的shader去解决这个问题,下面我们就讲讲这个shader要如何实现。 需求1:可以将图片四角任意一角从直角

    2024年04月26日
    浏览(16)
  • 小程序给图片加圆角的示例

    与CSS一样,小程序中的圆角可以通过 border-radius 来设置。 给图片设置圆角边框,只需加上如下样式即可: 不同的是,在小程序中想要设置仅其中某个圆角,而其它为直角,则需要使用 border-bottom-left-radius, border-top-left-radius, border-bottom-left-radius, border-top-left-radius单独设置。

    2024年02月12日
    浏览(24)
  • Android+OnnxRuntime+Opencv+Onnx模型操作图片擦除多余内容

    今年来AI的发展非常迅速,在工业、医疗等等行业逐渐出现相应的解决方案,AI也逐渐成为各行业基础设施建设重要的一环,未来发展的大趋势,不过这也需要一个漫长的过程,需要很多技术型人才加入其中,除了工业设施的基础建设,在娱乐方向也有很多有趣的能力,不如图

    2024年04月13日
    浏览(35)
  • css圆角边框怎么设置

    css+div是页面设计的法宝,通过css+div能够设计出各种效果!本文给大家简单介绍下css圆角边框怎么设置,大家可以参考,也可以直接拿过去使用,当然要修改下具体的参数。 border-radius 属性可以接受一到四个值。规则如下: 圆角边框(border-radius)的基本用法:border-radius 属性

    2024年02月02日
    浏览(75)
  • div设置圆角#前端

    1.设置所有四个边角为圆角: 2.分别设置每个边角的圆角半径: 在上述代码中,border-radius 属性用于设置圆角,值可以是像素(px)、百分比(%),或其他长度单位。您可以根据需要设置不同的圆角半径以获得所需的效果。在实际项目中,根据设计需求,您可以选择合适的圆

    2024年02月03日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包