利用WebView在ipad下实现滚动分页效果
2011-07-14 14:43
507 查看
WebView里面的网页,滚动的时候默认是平滑滚动的,如果需要让它实现分页的滚动效果,那么如何做?
默认UIWebView是没有API提供的,但是在sdk3.2下,它的第一个子View是UIScrollView(注意对于3.2之下的版本是UIScroller一个私有未公开的,这个暂时没研究如何设置).
代码相对比较简单:
int height = webView.frame.size.height;
NSString *html = [NSString stringWithFormat:@"<html><head><style>div{height:%dpx;}</style></head><body style='margin:0px'><div style='background-color:#FF0000;'></div><div style='background-color:#FFFF00;'></div><div style='background-color:#FF00FF;'></div><div style='background-color:#0000FF;'></div><div style='background-color:#00FFFF;'></div><div style='background-color:#00FF00;'></div></body></html>",
height];
[webView loadHTMLString:html baseURL:nil];
UIScrollView *scrollView = [webView.subviews objectAtIndex:0]; // it is "UIScroller" on iphone(v3.1.3-)
if (scrollView && [scrollView isKindOfClass:[UIScrollView class]]) {
scrollView.pagingEnabled = YES;
}
默认UIWebView是没有API提供的,但是在sdk3.2下,它的第一个子View是UIScrollView(注意对于3.2之下的版本是UIScroller一个私有未公开的,这个暂时没研究如何设置).
代码相对比较简单:
int height = webView.frame.size.height;
NSString *html = [NSString stringWithFormat:@"<html><head><style>div{height:%dpx;}</style></head><body style='margin:0px'><div style='background-color:#FF0000;'></div><div style='background-color:#FFFF00;'></div><div style='background-color:#FF00FF;'></div><div style='background-color:#0000FF;'></div><div style='background-color:#00FFFF;'></div><div style='background-color:#00FF00;'></div></body></html>",
height];
[webView loadHTMLString:html baseURL:nil];
UIScrollView *scrollView = [webView.subviews objectAtIndex:0]; // it is "UIScroller" on iphone(v3.1.3-)
if (scrollView && [scrollView isKindOfClass:[UIScrollView class]]) {
scrollView.pagingEnabled = YES;
}
相关文章推荐
- iOS 图片 无线滚动效果 利用 3张UIImageView 实现
- 滚动CollectionView控制PageControl实现分页浏览的效果
- 利用flipview控件实现上下滚动达到公告条的效果
- iOS利用UIScrollView实现无限滚动效果
- 滚动CollectionView控制PageControl实现分页浏览的效果
- RecyclerView实现横向分页滚动效果,欢迎大家前来交流
- Android 利用ViewPager+GridView实现首页导航栏布局分页效果
- 利用WebView在ipad下实现滚…
- iOS 8.0 毛玻璃效果利用UIVisualEffectView快速实现
- jquery实现页面滚动到最下方自动按分页的形式加载内容效果
- 利用ViewFlipper实现屏幕切换动画效果
- 使用sdWebImage实现对tableView的cell加载图片淡入淡出效果
- Web_PHP_DedeCMS_如何配合php标签实现分页效果?!
- 利用HorizontalScrollView实现页签效果
- Android利用ViewFlipper实现屏幕切换动画效果
- iOS如何利用UITableView实现单选效果
- Android切换页面效果的实现二:WebView+ViewPager
- Android利用ViewFlipper实现屏幕切换动画效果
- Android TextView实现垂直滚动效果的方法
- Viewpager + Fragment +FragmentPagerAdapter实现定时循环滚动效果