Wie Header in horizontaler Listbox mit Scroll hinzufügen

Ich habe eine einfache Listbox mit mehr Elementen und ich möchte horizontale Bildlauf hinzufügen und es funktioniert gut, aber jetzt möchte ich Header hinzufügen und scrollen Sie horizontal oder vertikal und wenn ich Scrollen vertikal ist meine Listbox Header auch Scroll.Wie Header in horizontaler Listbox mit Scroll hinzufügen

Wie kann ich das Scrollen auf Header in horizontaler Listbox stoppen?

<ListBox Name="lst_PreEMISchedule" ScrollViewer.HorizontalScrollBarVisibility="Auto" 
      ScrollViewer.VerticalScrollBarVisibility="Visible" Background="White" 
      Margin="1,0,1,1" Visibility="Collapsed"> 
    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <Grid Width="480" Background="White" Margin="0,0"> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="Auto"/> 
       </Grid.RowDefinitions> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="3*"/> 
        <ColumnDefinition Width="3*"/> 
        <ColumnDefinition Width="3*"/>           
       </Grid.ColumnDefinitions> 
       <TextBlock Grid.Row="0" FontWeight="SemiBold" FontSize="18" 
         Padding="50,15,0,15"Grid.Column="0" Foreground="#696969" 
         Text="{Binding installmentNo}"/> 
       <TextBlock Grid.Row="0" FontWeight="SemiBold" FontSize="18" 
         Padding="20,15,0,15" Grid.Column="1" Foreground="#696969" 
         Text="{Binding dueDate}"/> 
       <TextBlock Grid.Row="0" FontWeight="SemiBold" FontSize="18" 
         Padding="50,15,0,15" Grid.Column="2" Foreground="#696969" 
         Text="{Binding preEMIAmount, StringFormat=\{0:n2\}}"/> 
      </Grid> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox>

Quelle

2016-08-09 user

Warum verwenden Sie nicht einen LongListSelector? aus Toolkit –

Ich habe 10 Header-Element und scrollen horizontal ??? .. wie kann ich LogListSelector mit horizontalen Scroll und festen Header verwenden. – user

Bitte überprüfen Sie die Antwort, die ich gepostet ... Ich hoffe, es wird Ihnen helfen, Ihr Problem zu beheben. @user –

ich meine eigene Antwort und seine Arbeit perfekt geschaffen haben. folgenden Code verwende ich

<Grid Grid.Row="17" Name="grd_FOUR" Height="Auto" 
     Margin="12,-12,12,0" Visibility="Collapsed" 
     Background="White"> 
    <ScrollViewer HorizontalScrollBarVisibility = "Auto" 
        ScrollViewer.VerticalScrollBarVisibility = "Disabled" 
        Margin="0,0,0,0" Height="Auto" 
        Name="imageScroll"> 
     <StackPanel> 
      <Grid Width="Auto" Name="grd_FOUR_TWO" Visibility="Collapsed" 
        Background="#F0F0F0" Margin="0,-5,0,0" 
        ScrollViewer.VerticalScrollBarVisibility="Disabled"> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="Auto"/> 
       </Grid.RowDefinitions> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="*"/> 
        <ColumnDefinition Width="*"/> 
        <ColumnDefinition Width="*"/> 
        <ColumnDefinition Width="*"/> 
       </Grid.ColumnDefinitions> 
       <TextBlock Grid.Row="0" FontWeight="SemiBold" FontSize="20" 
          Padding="0,15,0,15" Width="200" 
          TextAlignment="Center" Grid.Column="0" Foreground="#333333" 
          Text="Financial Year"/> 
       <TextBlock Grid.Row="0" FontWeight="SemiBold" FontSize="20" 
          Margin="-70,0,0,0" Padding="0,15,0,15" Width="150" 
          TextWrapping="Wrap" TextAlignment="Center" Grid.Column="1" 
          Foreground="#333333" Text="Interest Paid"/> 
       <TextBlock Grid.Row="0" FontWeight="SemiBold" FontSize="20" 
          Padding="0,15,0,15" Width="150" Margin="-70,0,0,0" 
          TextAlignment="Center" Grid.Column="2" 
          Foreground="#333333" Text="Principle Paid"/> 
       <TextBlock Grid.Row="0" FontWeight="SemiBold" FontSize="20" 
          Padding="0,15,0,15" Width="150" Margin="-70,0,0,0" 
          TextAlignment="Center" Grid.Column="3" Foreground="#333333" 
          Text="Total Payment"/> 
      </Grid> 

      <Grid Width="Auto" Background="#F0F0F0" Margin="0,0"> 
       <ListBox Name="lst_Summery" 
         ScrollViewer.VerticalScrollBarVisibility="Visible" 
         Height="Auto" Background="#F0F0F0" Visibility="Collapsed"> 
        <ListBox.ItemTemplate> 
         <DataTemplate> 
          <Grid Width="Auto" Background="#F0F0F0"> 
           <Grid.RowDefinitions> 
            <RowDefinition Height="Auto"/> 
           </Grid.RowDefinitions> 
           <Grid.ColumnDefinitions> 
            <ColumnDefinition Width="*"/> 
            <ColumnDefinition Width="*"/> 
            <ColumnDefinition Width="*"/> 
            <ColumnDefinition Width="*"/> 
            <ColumnDefinition Width="*"/> 
            <ColumnDefinition Width="*"/> 
            <ColumnDefinition Width="*"/> 
            <ColumnDefinition Width="*"/> 
           </Grid.ColumnDefinitions> 
           <TextBlock Grid.Row="0" FontWeight="SemiBold" FontSize="18" 
              Padding="60,15,0,15" TextAlignment="Center" 
              Grid.Column="0" Foreground="#696969" 
              Text="{Binding financialYear}"/> 
           <TextBlock Grid.Row="0" FontWeight="SemiBold" FontSize="18" 
              Margin="10,0,20,0" Padding="30,15,0,15" 
              Width="200" TextWrapping="Wrap" 
              TextAlignment="Center" Grid.Column="1" 
              Foreground="#696969" 
              Text="{Binding intRecd, StringFormat=\{0:n2\}}"/> 
           <TextBlock Grid.Row="0" FontWeight="SemiBold" FontSize="18" 
              Margin="-30,0,20,0" Padding="0,15,0,15" 
              Width="200" TextAlignment="Center" 
              Grid.Column="2" Foreground="#696969" 
              Text="{Binding princRecd, StringFormat=\{0:n2\}}"/> 
           <TextBlock Grid.Row="0" FontWeight="SemiBold" FontSize="18" 
              Margin="-40,0,20,0" Padding="0,15,0,15" 
              Width="200" TextAlignment="Center" 
              Grid.Column="3" Foreground="#696969" 
              Text="{Binding totalAmount, StringFormat=\{0:n2\}}"/> 
           <Border BorderBrush="#9C9C9C" Grid.Column="0" 
             BorderThickness="0,1,0,0"/> 
           <Border BorderBrush="#9C9C9C" Grid.Column="1" 
             BorderThickness="0,1,0,0"/> 
           <Border BorderBrush="#9C9C9C" Grid.Column="2" 
             BorderThickness="0,1,0,0"/> 
           <Border BorderBrush="#9C9C9C" Grid.Column="3" 
             BorderThickness="0,1,0,0"/> 
          </Grid> 
         </DataTemplate> 
        </ListBox.ItemTemplate> 
       </ListBox> 
      </Grid> 
     </StackPanel> 
    </ScrollViewer> 
</Grid>

Quelle

2016-08-22 05:20:00 user

Veröffentlichen Sie Ihre Antwort, so dass die Hilfe für andere, die Phase Problem wird. –

Krunal Mevada überprüfen Sie die Antwort – user

Ich bin mit einem weiteren Problem konfrontiert, dass ich nicht in der Lage bin, Bildbyte [] auf Webserver zu posten Sie haben eine Ahnung davon .. wie kann ich Bild mit Byte [] post. – user

Verwenden LongListSelector Sonde in Pivot Kontrolle von nativen Windows Phone Toolkit

Ich versuchte, wie unten

<Grid x:Name="LayoutRoot" Background="Black"> 

    <!--Pivot Control--> 
    <phone:Pivot x:Name="pivotItem" Title="Demo"> 

     <!--Pivot item one --> 
     <phone:PivotItem Header="item one" FontSize="10" > 
      <Grid> 
       <phone:LongListSelector x:Name="llsItemOneList" 
             Background="Transparent" 
             LayoutMode="List" 
             IsGroupingEnabled="True" 
             HideEmptyGroups="true"> 
        <phone:LongListSelector.ItemTemplate> 
         <DataTemplate> 
          <Grid> 
           <Grid.RowDefinitions> 
            <RowDefinition Height="Auto"/> 
           </Grid.RowDefinitions> 
           <Grid.ColumnDefinitions> 
            <ColumnDefinition Width="3*"/> 
            <ColumnDefinition Width="3*"/> 
            <ColumnDefinition Width="3*"/>           
           </Grid.ColumnDefinitions> 
           <TextBlock Grid.Row="0" FontWeight="SemiBold" 
              FontSize="18" Padding="50,15,0,15" 
              Grid.Column="0" Foreground="#696969" 
              Text="{Binding installmentNo}"/> 
           <TextBlock Grid.Row="0" FontWeight="SemiBold" 
              FontSize="18" Padding="20,15,0,15" 
              Grid.Column="1" Foreground="#696969" 
              Text="{Binding dueDate}"/> 
           <TextBlock Grid.Row="0" FontWeight="SemiBold" 
              FontSize="18" Padding="50,15,0,15" 
              Grid.Column="2" Foreground="#696969" 
              Text="{Binding preEMIAmount, 
                StringFormat=\{0:n2\}}"/> 
          </Grid> 
         </DataTemplate> 
        </phone:LongListSelector.ItemTemplate> 
       </phone:LongListSelector> 

      </Grid> 
     </phone:PivotItem> 

     <!--Pivot item two --> 
     <phone:PivotItem Header="item two" FontSize="10"> 
      <Grid> 
       <phone:LongListSelector x:Name="llsItemTwoList" 
             Background="Transparent" 
             LayoutMode="List" 
             IsGroupingEnabled="False" 
             HideEmptyGroups="true"> 
        <phone:LongListSelector.ItemTemplate> 
         <DataTemplate> 
         </DataTemplate> 
        </phone:LongListSelector.ItemTemplate> 
       </phone:LongListSelector> 

      </Grid> 
     </phone:PivotItem> 

     <!--Pivot item three --> 
     <phone:PivotItem Header="item three" FontSize="10" > 
      <Grid> 
       <phone:LongListSelector x:Name="llsItemThreeList" Opacity="0.9" 
             Background="Transparent" 
             LayoutMode="List" 
             IsGroupingEnabled="False" 
             HideEmptyGroups="true" > 
        <phone:LongListSelector.ItemTemplate> 
         <DataTemplate> 
         </DataTemplate> 
        </phone:LongListSelector.ItemTemplate> 
       </phone:LongListSelector> 

      </Grid> 
     </phone:PivotItem> 

     <!--Pivot item four --> 
     <phone:PivotItem Header="item four" FontSize="10" x:Name="piFour"> 
      <Grid> 
       <phone:LongListSelector x:Name="llsItemFourList" Opacity="0.9" 
             Background="Transparent" 
             LayoutMode="List" 
             IsGroupingEnabled="False" 
             HideEmptyGroups="true"> 
        <phone:LongListSelector.ItemTemplate> 
         <DataTemplate> 
         </DataTemplate> 
        </phone:LongListSelector.ItemTemplate> 
       </phone:LongListSelector> 
      </Grid> 
     </phone:PivotItem> 

    </phone:Pivot> 
</Grid>

Quelle

2016-08-20 06:34:43

Wie Header in horizontaler Listbox mit Scroll hinzufügen

Antwort

Verwandte Themen