热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

滑动到pop会让图片变得紧张不安-Swipetopopmakesimagesjittery

WhenIdotheswipetopopgesturefromaviewcontrollerwithimagestoanothertheresajitteryg

When I do the swipe to pop gesture from a view controller with images to another there's a jittery glitch in the disappearing view (the 1px white line). I'm using the system swipe UIGesture. Any idea on how to solve that? Thanks! enter image description here

当我从带有图像的视图控制器向另一个视图控制器滑动弹出手势时,消失的视图(1px的白线)出现了一个抖动的故障。我用的是系统滑动界面手势。你知道怎么解决吗?谢谢!

View Hierarchy

视图层次

+ Scroll View (container)
| - ContentView
| - - Header Image
| - - Title Label
| - - Author/ Date Label
| - - Post Content

Constraints

约束

        |
|-[Header Image]-|
        |
|-[Title Label]-|
        |
|-[Author/ Date Label]-|
        |
|-[Post Content]-|
        |

5 个解决方案

#1


1  

you need to describe the whole scenario

您需要描述整个场景

1- you need to make sure there is no empty pixel column in the image, once upon a time, a designer delivered to me a background image with empty pixel like this, i removed it in photoshop.

1-你需要确保图像中没有空像素列,很久以前,一个设计师给我提供了一个像这样空像素的背景图像,我在photoshop中删除了它。

anyways, you mentioned you used constraints

不管怎样,你提到你使用了约束

2- try to make the factor of the constraint 1.01 or 1.02

2-尝试使约束因子为1.01或1.02

please tell us more so we can help.

请告诉我们更多,以便我们能帮忙。

#2


1  

I am not sure about why this happens, but can be solved by positioning image views x position to -1 instead of 0.

我不确定为什么会发生这种情况,但是可以通过将图像视图x定位到-1而不是0来解决。

Update…

更新……

The is happens because of image size doesn’t scale to the image view size properly.

之所以会出现这种情况,是因为图像的大小没有适当地缩放到图像的视图大小。

Eg: If image size width is 750 and image of the size 375, 750, 1500 will work properly. If you try to set image of the size 370, 300 etc then this problem occurs.

如果图像的宽度是750,而图像的尺寸是375、750、1500就可以正常工作了。如果你试图设置370或300的图像,那么这个问题就会出现。

So make sure that your image size is proper.

所以要确保你的图像大小是合适的。

#3


0  

If all the tricks proposed by Arun Ammayana don't work maybe the problem is on the ContentView. Which constraints are there on the ContentView?

如果Arun Ammayana提出的所有技巧都不起作用,那么问题可能在ContentView上。ContentView上有哪些约束条件?

I usually put a View as container of the scrollview and set the width of the inner container view as the outer one. If just this doesn't fix it you can try setting

我通常将视图作为scrollview的容器,并将内容器视图的宽度设置为外部容器视图的宽度。如果这不能修复它,你可以尝试设置

inner view width = outer view width + 2 and inner view x = outer view x - 1

内视图宽度=外视图宽度+ 2内视图x =外视图x - 1

Like this you should have a +1 on both sizes.

像这样,你应该在两个尺寸上都有一个+1。

#4


0  

Finally I solved the problem. The solution was a mix of suggestions proposed by @Arun Ammannaya and a lot of trial and error.

最后我解决了这个问题。解决方案包括@Arun Ammannaya提出的建议和大量的尝试和错误。

Solution

解决方案

I moved the scroll view 2px to the left and I added the property Clip Subviews to the main View.

我将滚动视图2px向左移动,并将属性剪辑子视图添加到主视图。

I think that the problem was generated by a wrong rounding of the Pan Gesture used by the swipe to pop gesture.

我认为这个问题是由于滑动到pop手势时所使用的平移手势的圆角错误造成的。

#5


-1  

I think your image ratio is not fit with your image view. Can you try to change contentMode for your imageView?

我认为你的图像比例与你的图像视图不匹配。你能改变imageView的contentMode吗?

  headerImageView.cOntentMode= UIViewContentMode.ScaleAspectFill

推荐阅读
  • 在Android开发中,使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法,并提供了具体的代码实现。通过获取图片的宽高,计算目标宽度和高度,并创建新图实现等比例缩放。 ... [详细]
  • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
  • Nginx使用(server参数配置)
    本文介绍了Nginx的使用,重点讲解了server参数配置,包括端口号、主机名、根目录等内容。同时,还介绍了Nginx的反向代理功能。 ... [详细]
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • 拥抱Android Design Support Library新变化(导航视图、悬浮ActionBar)
    转载请注明明桑AndroidAndroid5.0Loollipop作为Android最重要的版本之一,为我们带来了全新的界面风格和设计语言。看起来很受欢迎࿰ ... [详细]
  • Python瓦片图下载、合并、绘图、标记的代码示例
    本文提供了Python瓦片图下载、合并、绘图、标记的代码示例,包括下载代码、多线程下载、图像处理等功能。通过参考geoserver,使用PIL、cv2、numpy、gdal、osr等库实现了瓦片图的下载、合并、绘图和标记功能。代码示例详细介绍了各个功能的实现方法,供读者参考使用。 ... [详细]
  • Html5-Canvas实现简易的抽奖转盘效果
    本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果,同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码,并展示了实现的基本效果。 ... [详细]
  • Python SQLAlchemy库的使用方法详解
    本文详细介绍了Python中使用SQLAlchemy库的方法。首先对SQLAlchemy进行了简介,包括其定义、适用的数据库类型等。然后讨论了SQLAlchemy提供的两种主要使用模式,即SQL表达式语言和ORM。针对不同的需求,给出了选择哪种模式的建议。最后,介绍了连接数据库的方法,包括创建SQLAlchemy引擎和执行SQL语句的接口。 ... [详细]
  • 本文详细解析了JavaScript中相称性推断的知识点,包括严厉相称和宽松相称的区别,以及范例转换的规则。针对不同类型的范例值,如差别范例值、统一类的原始范例值和统一类的复合范例值,都给出了具体的比较方法。对于宽松相称的情况,也解释了原始范例值和对象之间的比较规则。通过本文的学习,读者可以更好地理解JavaScript中相称性推断的概念和应用。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文讲述了如何通过代码在Android中更改Recycler视图项的背景颜色。通过在onBindViewHolder方法中设置条件判断,可以实现根据条件改变背景颜色的效果。同时,还介绍了如何修改底部边框颜色以及提供了RecyclerView Fragment layout.xml和项目布局文件的示例代码。 ... [详细]
  • C# 7.0 新特性:基于Tuple的“多”返回值方法
    本文介绍了C# 7.0中基于Tuple的“多”返回值方法的使用。通过对C# 6.0及更早版本的做法进行回顾,提出了问题:如何使一个方法可返回多个返回值。然后详细介绍了C# 7.0中使用Tuple的写法,并给出了示例代码。最后,总结了该新特性的优点。 ... [详细]
  • 本文介绍了在Linux下安装Perl的步骤,并提供了一个简单的Perl程序示例。同时,还展示了运行该程序的结果。 ... [详细]
  • 解决nginx启动报错epoll_wait() reported that client prematurely closed connection的方法
    本文介绍了解决nginx启动报错epoll_wait() reported that client prematurely closed connection的方法,包括检查location配置是否正确、pass_proxy是否需要加“/”等。同时,还介绍了修改nginx的error.log日志级别为debug,以便查看详细日志信息。 ... [详细]
  • 31.项目部署
    目录1一些概念1.1项目部署1.2WSGI1.3uWSGI1.4Nginx2安装环境与迁移项目2.1项目内容2.2项目配置2.2.1DEBUG2.2.2STAT ... [详细]
author-avatar
平凡无求
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有