我以编程方式构建视图并使用autolayout,没有任何界面构建器.在一个自定义的ScrollView控件中,我添加了一个UILabel和一个UIButton作为子视图.我想将标签对准屏幕左侧,屏幕右侧的按钮.由于某些原因,我的按钮只对齐在我的滚动视图的左边.我已经削减了我的代码,所以只有这两个标签,我不明白为什么它不会对准.

HWScrollViewController.m(如何初始化主滚动视图)

- (void)loadView
{
    self.scrollView = [[UIScrollView alloc] initWithFrame:[[UIScreen mainScreen] applicationFrame]];

    self.scrollView.delegate = self;

    self.view = self.scrollView;
}

HWListingDetailViewController.m

- (void)viewDidLoad
{
[super viewDidLoad];

UILabel *priceLabel = [[UILabel alloc] init];
UIButton *favouriteButton = [UIButton buttonWithType:UIButtonTypeContactAdd];

[priceLabel setTranslatesAutoresizingMaskIntoConstraints:NO];
[favouriteButton setTranslatesAutoresizingMaskIntoConstraints:NO];

[priceLabel setText:@"$125.00"];
[favouriteButton setTitle:@"Add to Favourites" forState:UIControlStatenormal];

[self.view addSubview:priceLabel];
[self.view addSubview:favouriteButton];

[self.view addConstraints:@[
    [NSLayoutConstraint constraintWithItem:priceLabel 
                                 attribute:NSLayoutAttributeCenterY
                                 relatedBy:NSLayoutRelationEqual 
                                    toItem:self.view 
                                 attribute:NSLayoutAttributeCenterY 
                                multiplier:1 
                                  constant:0],[NSLayoutConstraint constraintWithItem:priceLabel 
                                 attribute:NSLayoutAttributeLeft 
                                 relatedBy:NSLayoutRelationEqual 
                                    toItem:self.view 
                                 attribute:NSLayoutAttributeLeft 
                                multiplier:1 
                                 constant:5],[NSLayoutConstraint constraintWithItem:favouriteButton 
                                 attribute:NSLayoutAttributeCenterY 
                                 relatedBy:NSLayoutRelationEqual 
                                    toItem:self.view 
                                 attribute:NSLayoutAttributeCenterY 
                                multiplier:1 
                                  constant:0],[NSLayoutConstraint constraintWithItem:favouriteButton 
                                 attribute:NSLayoutAttributeRight 
                                 relatedBy:NSLayoutRelationEqual 
                                    toItem:self.view 
                                 attribute:NSLayoutAttributeRight 
                                multiplier:1 
                                  constant:5],

}

您可以看到,绿色价格标签正确对齐,但红色按钮离开屏幕左侧. (我给它5像素的偏移量来显示它的位置.)那么,为什么scrollview的右边实际上是左边的?如何正确对齐屏幕右侧?我哪里做错了?这让我疯狂!

感谢任何帮助!

最终布局图片:
我希望最终的布局是这样的:

如果旋转到景观,我会期待它看起来像这样:

解决方法

约束的数量不是问题. UILabel和UIButton都将根据它们的intrinsicContentSize来确定它们的大小,并且由于您对该位置有约束,所以它应该具有布局所需的所有信息.

然而,当涉及到自动布局时,UIScrollViews以独特的方式表现.最好的描述来自这个technical note.有两个选项可用,包括例子,但是每个的摘要.

混合方式

您只需要向UIScrollView添加一个UIView,然后在UIView中添加和定位所有的子视图.这需要您在UIScrollView上手动设置UIView的框架和contentSize.

这可能是您尝试实现的布局最简单的方法.但是,如果contentSize可以更改,则必须手动计算和更新大小.

纯汽车布局方法

此选项使用您的autolayout约束来确定UIScrollView的contentSize.这需要限制到UIScrollView的所有四个边缘,并且不能依赖于UIScrollView的大小.

这个选项比较困难,因为你需要确保你有足够的约束.在您的情况下,您将遇到问题,因为对UIScrollView的顶部和底部没有约束,并且没有约束可用于确定UIScrollView的宽度.但是,当您必须处理动态内容时,此选项将非常惊人,因为它将根据需要调整contentSize的大小.

就个人而言,我会用纯汽车布局方法去.处理动态内容大小的能力使得额外的约束设置值得.

如果你发布你想要的最终布局,我会更新我的答案,以反映.

更新

根据您发布的图像,这是我使用纯自动布局方法组织子视图的方式.主要区别在于UIScrollView现在是UIViewControllers视图的子视图.

- UIView                                            (self.view)
  - UIScrollView                                    (scrollView)
    - UIView                                        (contentView)
      - UIImageView,UIButtons,UILabels,etc.

scrollView需要约束,所以它的边缘是0px from self.view.

contentView需要约束,所以它的边缘是从scrollView的0px,它的宽度等于self.view.这样就可以使scrollView的contentSize在旋转设备时更新.

接下来只需按照你想要的方式放置所有的图像和标签.标签将需要被限制在左右,以便它可以计算其高度.需要注意的是,ContentView将根据其子视图的约束来确定其高度,因此您将需要约束“链接”contentView的顶部和底部.一个简单的例子就像这样.

> contentView顶部到imageView顶部> imageView height ==一些值> imageView底部到标签顶部>标签底部到contentView底部

自动布局iOS 7 – 无法将子视图右侧的UIScrollView右对齐的更多相关文章

  1. ios – UITextField中的Autolayout:执行-layoutSubviews后仍需要自动布局

    我究竟做错了什么?

  2. ios – UIScrollView内容不允许用户交互

    我有一个启用了分页的UIScrollView,如下所示:在UIScrollView中,我添加了几个UIWebViews,并将其启用的交互设置为是这样的.它打破了UIScrollView上的分页和所有触摸.如果我将用户交互设置为NO,则页面有效,但我无法在UIWebView中突出显示文本.我试着像下面那样对UIScrollView进行子类化,但是会出现同样的情况.任何的想法?

  3. ios – UIScrollView中的UIControll未接收到触摸事件

    我在我的项目中使用SevenSwitch.我需要将它添加到UIScrollView中,但是当我将它添加到滚动视图中时,控件似乎无法接收触摸事件.我尝试了子类滚动视图并覆盖下面的代码:还补充说:但仍然无法接收触摸事件.如何阻止scrollview阻止UIControl接收触摸?

  4. ios – UIScrollView的平滑自定义分页

    我在UIScrollView中有两个(可能更多)视图,并希望使用分页.当我尝试使用UIScrollView的默认分页选项时出现问题,因为视图具有不同的宽度,无法正确分页.所以我已经实现了一个有效的自定义分页代码.但是,当滚动较慢时,它不会按预期运行.(它回到没有动画的原始位置.)以下是我目前通过uiscrollviewdelegate进行自定义分页的方法我想要的是:是)我有的:解决方法尝试下面的自

  5. ios – 如何将UIScrollView的背景图像设置为可伸缩图像?

    我想将UIScrollView的背景图像设置为可伸缩的图像.我试过了:但它并没有伸展.我能做什么?解决方法如果要利用UIImage的可调整大小的属性,则需要使用UIImageView.正如您所注意到的,如果将其设置为背景颜色则不起作用.只需创建一个UIImageView并将其放在UIScrollView后面,如果必须修复它,或者在UIScrollView中放入与contentSize相同的大小,如果你想要滚动它…

  6. ios – 取消选中“调整滚动视图插入”xcode 6后UIScrollView不滚动

    谢谢.解决方法我解决顶部标签和导航栏之间额外填充的方法是在“扩展边缘”部分中取消选中属性检查器中的“顶部条形图”.取消选中后,故事板上的项目可能会移动.不要重新安排它们.运行模拟器,它应该工作.注意:选中“调整滚动视图插入”,否则不滚动任何内容.我的属性:

  7. ios – 自动布局(约束)对自动调整大小掩码(弹簧和支柱)

    无论屏幕大小和方向如何,这些布局系统都可帮助您调整大小.如果我有自动调整大小的掩码就像简单的解决方案,我为什么要使用自动布局(约束)?解决方法当我开始使用自动布局时,我遇到了同样的问题…

  8. ios – 滚动指示器在UIScrollView禁用弹跳时被卡住

    难道我做错了什么?如果这是一个错误,那么有没有人知道解决方法或修复?解决方法您是否为滚动视图添加了点击手势,如果没有,请尝试添加它?

  9. ios – 使用双指平移和缩放分页UIScrollView

    *编辑:实际上,在这种情况下它不会滚动.只需轻轻一按,视图就不再顺畅滑动……

  10. ios – UITableView使用UIRefreshControl拖动距离

    我在UITableView上实现UIRefreshControl时遇到了一些麻烦.一切都工作得很好,除了我必须滚动80%的屏幕才能触发UIRefreshControl.有时我甚至无法触发它,因为屏幕底部有一个标签栏,当手指到达时会取消滚动动作.我查看了其他应用程序,即Apple的’Mail’,其中仅滚动屏幕的30%后触发UIRefreshControl.我错过了什么?

随机推荐

  1. iOS实现拖拽View跟随手指浮动效果

    这篇文章主要为大家详细介绍了iOS实现拖拽View跟随手指浮动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  2. iOS – genstrings:无法连接到输出目录en.lproj

    使用我桌面上的项目文件夹,我启动终端输入:cd然后将我的项目文件夹拖到终端,它给了我路径.然后我将这行代码粘贴到终端中找.-name*.m|xargsgenstrings-oen.lproj我在终端中收到此错误消息:genstrings:无法连接到输出目录en.lproj它多次打印这行,然后说我的项目是一个目录的路径?没有.strings文件.对我做错了什么的想法?

  3. iOS 7 UIButtonBarItem图像没有色调

    如何确保按钮图标采用全局色调?解决方法只是想将其转换为根注释,以便为“回答”复选标记提供更好的上下文,并提供更好的格式.我能想出这个!

  4. ios – 在自定义相机层的AVFoundation中自动对焦和自动曝光

    为AVFoundation定制图层相机创建精确的自动对焦和曝光的最佳方法是什么?

  5. ios – Xcode找不到Alamofire,错误:没有这样的模块’Alamofire’

    我正在尝试按照github(https://github.com/Alamofire/Alamofire#cocoapods)指令将Alamofire包含在我的Swift项目中.我创建了一个新项目,导航到项目目录并运行此命令sudogeminstallcocoapods.然后我面临以下错误:搜索后我设法通过运行此命令安装cocoapodssudogeminstall-n/usr/local/bin

  6. ios – 在没有iPhone6s或更新的情况下测试ARKit

    我在决定下载Xcode9之前.我想玩新的框架–ARKit.我知道要用ARKit运行app我需要一个带有A9芯片或更新版本的设备.不幸的是我有一个较旧的.我的问题是已经下载了新Xcode的人.在我的情况下有可能运行ARKit应用程序吗?那个或其他任何模拟器?任何想法或我将不得不购买新设备?解决方法任何iOS11设备都可以使用ARKit,但是具有高质量AR体验的全球跟踪功能需要使用A9或更高版本处理器的设备.使用iOS11测试版更新您的设备是必要的.

  7. 将iOS应用移植到Android

    我们制作了一个具有2000个目标c类的退出大型iOS应用程序.我想知道有一个最佳实践指南将其移植到Android?此外,由于我们的应用程序大量使用UINavigation和UIView控制器,我想知道在Android上有类似的模型和实现.谢谢到目前为止,guenter解决方法老实说,我认为你正在计划的只是制作难以维护的糟糕代码.我意识到这听起来像很多工作,但从长远来看它会更容易,我只是将应用程序的概念“移植”到android并从头开始编写.

  8. ios – 在Swift中覆盖Objective C类方法

    我是Swift的初学者,我正在尝试在Swift项目中使用JSONModel.我想从JSONModel覆盖方法keyMapper,但我没有找到如何覆盖模型类中的Objective-C类方法.该方法的签名是:我怎样才能做到这一点?解决方法您可以像覆盖实例方法一样执行此操作,但使用class关键字除外:

  9. ios – 在WKWebView中获取链接URL

    我想在WKWebView中获取tapped链接的url.链接采用自定义格式,可触发应用中的某些操作.例如HTTP://我的网站/帮助#深层链接对讲.我这样使用KVO:这在第一次点击链接时效果很好.但是,如果我连续两次点击相同的链接,它将不报告链接点击.是否有解决方法来解决这个问题,以便我可以检测每个点击并获取链接?任何关于这个的指针都会很棒!解决方法像这样更改addobserver在observeValue函数中,您可以获得两个值

  10. ios – 在Swift的UIView中找到UILabel

    我正在尝试在我的UIViewControllers的超级视图中找到我的UILabels.这是我的代码:这是在Objective-C中推荐的方式,但是在Swift中我只得到UIViews和CALayer.我肯定在提供给这个方法的视图中有UILabel.我错过了什么?我的UIViewController中的调用:解决方法使用函数式编程概念可以更轻松地实现这一目标.

返回
顶部