UIAccessibility VoiceOver宣布UIScrollView的页码错误

时间:2012-07-26 23:30:39

标签: iphone objective-c uiscrollview accessibility voiceover

我正在努力使现有的应用尽可能方便地进行配音。

目前,我有一个uiviewcontroller,它基本上是一个分页照片视图,在uiscrollView(tourScrollView)下面有一个uipagecontrol,用于指示当前正在查看的图像/页面。

这是计算当前页面的代码:

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
    CGFloat pageWidth = scrollView.frame.size.width;
    self.tourScrollView.isAccessibilityElement = NO;
    scrollView.isAccessibilityElement = NO;
    int currentPage = floor((scrollView.contentOffset.x - pageWidth / 2) / pageWidth) + 1;
    pageControl.currentPage = currentPage;
}

页面计算代码完美无缺。

共显示5张图片。

启用声控后,滚动视图滚动时,而不是

page 1 of 5
page 2 of 5
page 3 of 5
page 4 of 5
page 5 of 5

就是这样。

page 1 of 6
page 2 of 6
page 3 of 6
page 5 of 6
page 6 of 6

这是将图像添加到scrollView

的代码
-(void)addImagesToScrollview{

    NSArray *welcomeImages = [[NSArray alloc] initWithObjects:[UIImage imageNamed:@"img-01.png"],
                              [UIImage imageNamed:@"img-02.png"],
                              [UIImage imageNamed:@"img-03.png"],
                              [UIImage imageNamed:@"img-04.png"],
                              [UIImage imageNamed:@"img-05.png"],nil];

    CGRect scrollViewFrame = tourScrollView.frame;
    CGFloat scrollViewWidth = scrollViewFrame.size.width;
    CGFloat scrollViewHeight = scrollViewFrame.size.height;
    CGFloat imageX;
    for (int i = 0; i<[welcomeImages count]; i++) {

        int index = i;
        imageX = (scrollViewWidth*index) + (scrollViewWidth - IMAGE_WIDTH)/2.0;

        CGRect boarderViewRect = CGRectMake(imageX, 20.0f, IMAGE_WIDTH, IMAGE_HEIGHT);

        UIView *whiteBorderView = [[UIView alloc] initWithFrame:boarderViewRect];
        whiteBorderView.backgroundColor = [UIColor whiteColor];

        UIImageView *imageView = [[UIImageView alloc]initWithImage:[welcomeImages objectAtIndex:i]];
        CGRect imageRect = CGRectInset(boarderViewRect, IMAGE_INSET, IMAGE_INSET);
        imageView.frame = imageRect;

        CGRect descriptionRect = CGRectMake((scrollViewWidth*index) + 20.0f, imageRect.origin.y + imageRect.size.height+10, 280, 90);
        CGSize maximumLabelSize = CGSizeMake(descriptionRect.size.width,120);
        descriptionRect.size = [[self descriptionForIndex:i] sizeWithFont:[UIFont systemFontOfSize:16.0] constrainedToSize:maximumLabelSize lineBreakMode:UILineBreakModeTailTruncation];
        UILabel *imageDescription = [[UILabel alloc] initWithFrame:descriptionRect];
        imageDescription.text = [NSString stringWithFormat:@"%@",[self descriptionForIndex:i]];
        imageDescription.numberOfLines = 0;
        imageDescription.backgroundColor = [UIColor clearColor];
        imageDescription.font = [UIFont systemFontOfSize:16.0];
        imageDescription.textColor = [UIColor colorWithRed:(119.0/255.0) green:(119.0/255.0) blue:(119.0/255.0) alpha:1.0];
        imageDescription.textAlignment = UITextAlignmentCenter;
        imageDescription.shadowColor = [UIColor whiteColor];
        imageDescription.shadowOffset = CGSizeMake(0,1);

        [tourScrollView addSubview:whiteBorderView];
        [tourScrollView addSubview:imageView];
        [tourScrollView addSubview:imageDescription];

        if (i == [welcomeImages count]-1) {
            tourScrollView.contentSize = CGSizeMake(imageView.frame.origin.x + scrollViewWidth -((scrollViewWidth - IMAGE_WIDTH)/2.0), scrollViewHeight); 
        }
    }
}

如果有人指出正确的方向说出正确的页码,我会很感激。

更新:启用/禁用pagingEnabled没有任何区别。我认为voiceOver会根据scrollview大小覆盖我的分页计算。

1 个答案:

答案 0 :(得分:0)

以下是修正它的原因:

删除了注释代码,并在for循环外添加了一行内容大小

-(void)addImagesToScrollview{

NSArray *welcomeImages = [[NSArray alloc] initWithObjects:[UIImage imageNamed:@"img-01-welcome.png"],
                          [UIImage imageNamed:@"img-02-welcome.png"],
                          [UIImage imageNamed:@"img-03-welcome.png"],
                          [UIImage imageNamed:@"img-04-welcome.png"],
                          [UIImage imageNamed:@"img-05-welcome.png"],nil];

CGRect scrollViewFrame = tourScrollView.frame;
CGFloat scrollViewWidth = scrollViewFrame.size.width;
CGFloat scrollViewHeight = scrollViewFrame.size.height;
CGFloat imageX;
for (int i = 0; i<[welcomeImages count]; i++) {

    int index = i;
    imageX = (scrollViewWidth*index) + (scrollViewWidth - IMAGE_WIDTH)/2.0;

    CGRect boarderViewRect = CGRectMake(imageX, 20.0f, IMAGE_WIDTH, IMAGE_HEIGHT);

    UIView *whiteBorderView = [[UIView alloc] initWithFrame:boarderViewRect];
    whiteBorderView.backgroundColor = [UIColor whiteColor];

    UIImageView *imageView = [[UIImageView alloc]initWithImage:[welcomeImages objectAtIndex:i]];
    CGRect imageRect = CGRectInset(boarderViewRect, IMAGE_INSET, IMAGE_INSET);
    imageView.frame = imageRect;

    CGRect descriptionRect = CGRectMake((scrollViewWidth*index) + 20.0f, imageRect.origin.y + imageRect.size.height+10, 280, 90);
    CGSize maximumLabelSize = CGSizeMake(descriptionRect.size.width,120);
    descriptionRect.size = [[self descriptionForIndex:i] sizeWithFont:[UIFont systemFontOfSize:16.0] constrainedToSize:maximumLabelSize lineBreakMode:UILineBreakModeTailTruncation];
    UILabel *imageDescription = [[UILabel alloc] initWithFrame:descriptionRect];
    imageDescription.text = [NSString stringWithFormat:@"%@",[self descriptionForIndex:i]];
    imageDescription.numberOfLines = 0;
    imageDescription.backgroundColor = [UIColor clearColor];
    imageDescription.font = [UIFont systemFontOfSize:16.0];
    imageDescription.textColor = [UIColor colorWithRed:(119.0/255.0) green:(119.0/255.0) blue:(119.0/255.0) alpha:1.0];
    imageDescription.textAlignment = UITextAlignmentCenter;
    imageDescription.shadowColor = [UIColor whiteColor];
    imageDescription.shadowOffset = CGSizeMake(0,1);

    [tourScrollView addSubview:whiteBorderView];
    [tourScrollView addSubview:imageView];
    [tourScrollView addSubview:imageDescription];

//        if (i == [welcomeImages count]-1) {
//            tourScrollView.contentSize = CGSizeMake(imageView.frame.origin.x + scrollViewWidth -((scrollViewWidth - IMAGE_WIDTH)/2.0), scrollViewHeight); 
//        }
    }
    tourScrollView.contentSize = CGSizeMake(320.0*[welcomeImages count], scrollViewHeight);
}

我仍然不确定为什么VO会弄乱页码。修复之前和之后的scrollview行为仍然相同(弹跳和分页工作相同)。

如果我对此问题有更多了解,

会更新答案。