【问题标题】:windows phone 8 how to swipe local html files just like pivot or panaroma control?windows phone 8 如何像 pivot 或 panaroma 控件一样滑动本地 html 文件?
【发布时间】:2013-12-02 15:53:19
【问题描述】:

我是 windows phone 8 的初学者,实际上我已经创建了一个项目,它在本地文件夹中有一些 html 文件(40 个文件),我想在用户水平滑动时一一显示所有 html 文件,就像枢轴或全景控制。 我知道如何通过使用 Web 浏览器控件静态调用本地 html 文件,并且我在许多项目中都这样做过。但是我不知道当用户水平滑动时要一一显示所有文件。,

我尝试在数据透视项中动态添加 Web 浏览器控件。,

这是我的代码,用于创建内部带有 Web 浏览器控件的动态数据透视项

“pivotPage.cs”

  void pivotPage_Loaded(object sender, RoutedEventArgs e)
         {
              for (int i = 0; i < 40; i++)
              {
               string _url = "ways/a"+ i + ".html";
               PivotItem newPivotItem = new PivotItem();
               newPivotItem.Margin = new Thickness(0, -10, 0, 0);
               WebBrowser newWebBrowser = new WebBrowser();
               newWebBrowser.Navigate(new Uri(_url, UriKind.Relative));
               newPivotItem.Content = newWebBrowser;
               pivotList.Items.Add(newPivotItem);
              }
         }

而我的 pivotPage.xaml 是

  <Grid x:Name="ContentPanel" Margin="0,0,0,0" Grid.RowSpan="2" Background="#FF378FB1">
        <phone:Pivot x:Name="pivotList" Background="White" Margin="10,130,10,80"/>
    </Grid>

如果我尝试使用 for 循环创建最多“25”个枢轴项目,这意味着我得到了 25 个枢轴项目的输出,并且我可以滑动。像这样的代码

  for(int i=0; i<25; i++)
  {
    string _url = "ways/a"+ i + ".html";
    PivotItem newPivotItem = new PivotItem();
    newPivotItem.Margin = new Thickness(0, -10, 0, 0);
    WebBrowser newWebBrowser = new WebBrowser();
    newWebBrowser.Navigate(new Uri(_url, UriKind.Relative));
    newPivotItem.Content = newWebBrowser;
    pivotList.Items.Add(newPivotItem);
  }

但我需要显示 40 个文件,所以如果我这样设置条件意味着

  for (int i = 0; i < 40; i++)
  {

  }

它什么也没显示,应用程序已关闭。,

显示的枢轴项目的最大数量是否有任何限制???

  could you please some one try to give me solution for this and also 

  tell me that is there any control for showing html files like swipe view?

简单地说我的要求是“如何在 WP8 应用程序中像滑动视图一样一一显示本地 html 文件?”

提前谢谢。,正在等待一些答案。,

【问题讨论】:

    标签: windows-phone-8


    【解决方案1】:

    最后我找到了这样的答案,它对我有用。,

    第 1 步:为了显示内容集合(html、图像、文本等),使用数据绑定概念在 xaml 页面中创建 UI,如下所示。

        <phone:Pivot x:Name="pivotList" Margin="0,0,0,80" ItemsSource="{Binding}" >
               <!-- <phone:Pivot.Title>
                    <TextBlock Text="40 ways to lose belly fat" FontSize="28" Foreground="#FF00FFEE"></TextBlock>
                </phone:Pivot.Title>-->
                <phone:Pivot.HeaderTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding _title}" Foreground="#FF00FFEE" FontSize="48"></TextBlock>
                    </DataTemplate>
                </phone:Pivot.HeaderTemplate>
                <phone:Pivot.ItemTemplate>
                    <DataTemplate>
                    <phone:WebBrowser Name="browser" Source="{Binding _url}" Margin="20,-10,20,0">
                    </phone:WebBrowser>
                    </DataTemplate>
                </phone:Pivot.ItemTemplate>
            </phone:Pivot>
    

    然后在 .cs 文件后面的代码中

       public partial class pivotPage : PhoneApplicationPage
    {
        private List<TList> _pivotList;
        public pivotPage()
        {
            InitializeComponent();
            Loaded += pivotPage_Loaded;
    
        }
    
        void pivotPage_Loaded(object sender, RoutedEventArgs e)
        {
            _pivotList = new List<TList>();
            int j = 1;
            for (int i = 0; i < 40; i++)
            {
                _pivotList.Add(new TList 
                {
                    _title="flat Belly Tip-"+j,
                    _url="ways/a"+ i + ".html"
                });
                j++;
            }
            pivotList.DataContext = _pivotList;
        }
    

    我从这篇文章中得到了这个想法

      http://stackoverflow.com/questions/14004493/databinding-dynamic-pivot
    

    希望这会有所帮助。,

    【讨论】:

    • 如果有很多 html 文件并且如果有任何操作你必须对 html 文件做一些操作,比如在 LoadComplete 事件上执行一些 javascript 或在浏览器内容的拖动事件上执行一些操作等。在这种情况下,这种方法是否有效?
    猜你喜欢
    • 2014-11-15
    • 2013-03-17
    • 1970-01-01
    • 2023-03-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多