Question

enter image description here

我已经在服务器上有10个youtube视频链接。每个youtube视频应该是webview中的缩略图。在给定的图像中，（redbox）显示空间较少用于显示webview中的所有youtube缩略图，所以我们如何滚动（ redbox）viewcontroll区域以及如何在运行时为（redbox）区域中从上到下的每个youtube链接创建webview。任何建议或帮助都将被提前提交。提前付款

Answer 1

为实现此目的，您可以将scrollview与webview一起使用。

首先在视图中添加滚动视图（在红色矩形的位置）

UIScrollView *scrollView = [[UIScrollView  alloc] initWithFrame:CGRectMake(0,0,150,150)]; //You need to set the frame according to your need.
scrollView.contentSize = CGSizeMake(150,600);
scrollView.userInteractionEnabled = YES;
[self.view addSubview:scrollView];
[self.view bringSubviewToFront:scrollView];

现在将10个网页浏览添加到该滚动视图

int yPos = 0;
for(int loop = 0; loop<10;loop++)
{
  UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(0,yPos,50,50)]
  NSString *htmlString = @"<html><head>
<meta name = \"viewport\" content = \"initial-scale = 1.0, user-scalable = no, width = 212\"/></head>
<body style=\"background:#F00;margin-top:0px;margin-left:0px\">
<div><object width=\"212\" height=\"172\">
<param name=\"movie\" value=\"http://www.youtube.com/v/oHg5SJYRHA0&f=gdata_videos&c=ytapi-my-clientID&d=nGF83uyVrg8eD4rfEkk22mDOl3qUImVMV6ramM\"></param>
<param name=\"wmode\" value=\"transparent\"></param>
<embed src=\"http://www.youtube.com/v/oHg5SJYRHA0&f=gdata_videos&c=ytapi-my-clientID&d=nGF83uyVrg8eD4rfEkk22mDOl3qUImVMV6ramM\"
type=\"application/x-shockwave-flash\" wmode=\"transparent\" width=\"212\" height=\"172\"></embed>
</object></div></body></html>";

  //if your video url's are stored in an array then
  NSString *str = (NSString *)[urlArray objectAtIndex:loop];
  [webView loadHTMLString:htmlString baseURL:[NSURL URLWithString:@str]];
  [scrollView addSubview:webView];
  [webView release];
  webView = nil;
  yPos += 70;
}


[scrollView release];

这将在您的页脚视图中添加10个小型嵌入式播放器。您可以滚动页脚以查看视频的缩略图。

注意：您需要根据自己的观点更改框架和内容大小。

如何在ViewController底部使用多个Web视图？

1 个答案: