2017-12-04 19 views
0

웹 페이지를 탭 페이지로 표시하는 방법이 있습니까? 탭 페이지에는 2 개의 탭이 있습니다. 하나는 연락처이고 하나는 연락처입니다. 탭 페이지의 콘텐츠를 "www.example.com/about"또는 "www.example.com/contact"와 같은 URL로 넣을 수 있습니까? 현재 브라우저를 열어주는 탭이있는 버튼이 있습니다. 아래 코드 :어떻게 탭 페이지 안에 웹 페이지를 표시 할 수 있습니까?

public AboutPage() 
    { 
     InitializeComponent(); 
     this.Title = "About"; 


     StackLayout contact = new StackLayout 
     { 
      VerticalOptions = LayoutOptions.Center, 
      Children = { 
      new Label { 
       HorizontalTextAlignment=TextAlignment.Center, 
       Text = "contact here" 
      } 
      } 
     }; 
     var browser = new WebView(); 
     var htmlSource = new HtmlWebViewSource(); 
     htmlSource.BaseUrl = "http://www.google.com"; 
     browser.Source = htmlSource; 
     Button abtbutton = new Button 
     { 
      Text = "View about page" 
     }; 
     abtbutton.Clicked += OnAboutBtnClicked; 
     this.Children.Add(new ContentPage 
     { 
      Title = "About", 
      Content = browser 
     } 
     ); 
     this.Children.Add(new ContentPage 
     { 
      Title = "Contact", 
      Content = contact 
     }); 
    } 

    void OnAboutBtnClicked(object sender, EventArgs args) 
    { 
     Device.OpenUri(new Uri("http://www.google.com")); 
    } 

답변

1

두 개의 webView가 필요하다고 생각합니다.

var browser = new WebView(); 
browser.Source = new UrlWebViewSource { Url = "https://developer.xamarin.com/" }; 
this.Children.Add(new ContentPage 
{ 
    Title = "About", 
    Content = browser 
} 
); 

var browser2 = new WebView(); 
browser2.Source = new UrlWebViewSource { Url = "https://stackoverflow.com/" }; 
this.Children.Add(new ContentPage 
{ 
    Title = "Contact", 
    Content = browser2 
}); 

enter image description here