标签: scroll-paging

为什么在UIScrollView中将pagingEnabled设置为YES会在触摸子视图时自动滚动到上一页?

我正在使用UIScrollView来显示许多子视图.以下是创建滚动视图的代码:

ScrollView = [[UIScrollView alloc]initWithFrame:CGRectZero];
ScrollView.delegate = self;
ScrollView.showsHorizontalScrollIndicator = NO;
ScrollView.showsVerticalScrollIndicator = NO;
ScrollView.clipsToBounds = YES;
ScrollView.scrollEnabled = YES;
ScrollView.pagingEnabled = YES;

CGFloat widthOfScroll= (maxTotalColumnsVisibleAtAnyPoint * widthOfSubView );

ScrollView.frame = CGRectMake(0, 0, widthOfScroll, heightOfSubView);

CGSize contentSizeHeaderView =  self.ScrollView.frame.size;
CGFloat contentSizeWidth =  self.totalSubViews * self.widthOfSubView;
contentSizeHeaderView.width =  contentSizeWidth;

[ScrollView setContentSize:contentSizeHeaderView];
Run Code Online (Sandbox Code Playgroud)

用于向ScrollView添加控件的代码和用于scrollView的事件处理程序的代码如下:

-(void)loadControlsInScroll{


    UIView *tempSubView = nil;
    CGFloat tempOriginX = 0;
    @autoreleasepool {


        for (int i = 0; i < self.totalSubViews; i++) {


            tempSubView = [dataSource viewForScroll:i];
            tempSubView.layer.borderColor = borderColor.CGColor;
            tempSubView.layer.borderWidth …
Run Code Online (Sandbox Code Playgroud)

uiscrollview uiscrollviewdelegate ios scroll-paging

2
推荐指数
1
解决办法
4199
查看次数

如何让UITableViewCell显示全屏(允许分页)?

我有一个自定义UITableView - Scroll, Paging Enable。因为我的每个单元格都有一个背景图像,所以我希望每次向上或向下滚动时,它都会全屏显示每个图像。我尝试使UITableViewCell 全屏显示(将其高度拉伸到与桌面视图一样大)。

但是,我遇到了一个问题:当我滚动(分页)时,单元格不会全屏显示。它包含下一个单元格的一小部分。然后,每次我向下滚动(分页)时,下一个单元格的部分就会变得越来越大。

我没有看到 UITableViewCell 的任何自动布局选项,无法向原型单元添加约束。您能建议我该怎么做吗?非常感谢。

uitableview ios autolayout scroll-paging swift

2
推荐指数
1
解决办法
6417
查看次数

如何在Angular 4中实现scrollldown分页

我是角度4的新手.我想在角度4中实现滚动分页.最初我想要显示20条记录.向下滚动后我想显示下一个20.我会做同样的事情直到列表结束.

我尝试使用"angular2-infinite-scroll"来实现它.但我无法显示最初的前20条记录以及滚动数据.

组件文件:

 import { Component, OnInit } from '@angular/core';
 import { InfiniteScrollModule } from 'angular2-infinite-scroll';

    @Component({
      selector: 'app-scroll',
      templateUrl: `./scroll.component.html`,
      styleUrls: ['./scroll.component.css']
    })
    export class ScrollComponent implements OnInit {

    let item = [{
        "Name": "XYz Compnay"
    },
    {
        "Name": "XYz Company1"
    }, {
        "Name": "XYz Company2"
    }, {
        "Name": "XYz Company3"
    }, {
        "Name": "XYz Company4"
    }, {
        "Name": "XYz Company5"
    }];
      constructor() {}
      ngOnInit() {}

      onScroll () {
        alert('scrolled!!');    
      }

     }
Run Code Online (Sandbox Code Playgroud)

HTML文件:

<div
         infinite-scroll
         [infiniteScrollDistance]="2"
         [infiniteScrollThrottle]="10"
         (scrolled)="onScroll()"
         > …
Run Code Online (Sandbox Code Playgroud)

scroll-paging angular

1
推荐指数
1
解决办法
1万
查看次数

Swift - 按单元分页 UICollectionView 同时保持单元格水平居中

首先,不确定标题是否正确或提供了最好的描述,但我不确定还可以使用什么。

所以,我正在开发一个应用程序,但我在实现 UI 时遇到了卡住的部分。基本上,我有一个 VC(下图),它可以根据我从 JSON 文件中获得的信息进行自我定位。

在此处输入图片说明

问题是我需要在上侧有一个类似轮播的菜单,其中包含未定义数量的单元格(同样,取决于我从 JSON 文件中获得的内容)。我决定为此使用 UICollectionView 并且我设法毫无问题地实现了基础知识。

但这是我卡住的部分:

  1. 由于选定的单元格必须始终居中,当第一个和最后一个单元格被选中时,我需要在单元格和安全区域之间留出一个空白区域(见上图)。
  2. 滚动需要分页。通常,如果 UICollectionView 单元格的宽度几乎等于屏幕之一,则这不会成为问题,但要求是能够一次滚动一个元素(参见上面的第二个屏幕)。

我试图找到类似的东西,但也许我没有在寻找正确的东西,因为我能找到的只是按单元格而不是屏幕分页 UICollectionView

另外,老实说,我从未见过具有这种行为的应用程序/ UICollectionView。

我在下面发布了部分代码,但它并没有多大帮助,因为它只是标准的 UICollectionView 方法。

有什么建议?

class PreSignupDataVC : UIViewController, UICollectionViewDelegateFlowLayout, UICollectionViewDataSource, UIPickerViewDelegate, UIPickerViewDataSource

@IBOutlet weak var cvQuestions: UICollectionView!

var questionCell : PreSignupDataQuestionCellVC!
var screenData : Array<PreSignupScreenData> = Array<PreSignupScreenData>()
var pvDataSource : [String] = []
var numberOfComponents : Int = 0
var numberOfRowsInComponent : Int = 0
var currentScreen : Int = 1
var selectedType : Int?
var selectedCell : …
Run Code Online (Sandbox Code Playgroud)

uipickerview scroll-paging uicollectionview uicollectionviewcell swift

1
推荐指数
1
解决办法
3533
查看次数