在LongListSelector中隱藏滾動條

Question

我正在使用LongListSelector，右側的滾動條添加了一些空的空間，這是搞亂了設計，所以我想隱藏它。我試過以下內容：

ScrollBar sb = ((FrameworkElement)VisualTreeHelper.GetChild(FileList, 0)) 
          .FindName("VerticalScrollBar") as ScrollBar; 
sb.Width = 0; 

但是這不適用於wp8，我可以使寬度更大但不能更小。它具有ScrollViewer.VerticalScrollBarVisibility屬性，但將其更改爲隱藏或禁用不會執行任何操作。

/編輯：

這似乎工作：

var sb = ((FrameworkElement) VisualTreeHelper.GetChild(FileList, 0)) 
.FindName("VerticalScrollBar") as ScrollBar; 
sb.Margin = new Thickness(-10, 0, 0, 0); 

但是，如果任何人有一個更清潔的方法，我還是想聽到它。

Answer 1

您可以通過重新設計整個控件來解決這個問題。

添加此資源：

<Style x:Key="LongListSelectorWithNoScrollBarStyle" TargetType="phone:LongListSelector"> 
    <Setter Property="Background" Value="Transparent"/> 
    <Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="phone:LongListSelector"> 
       <Grid Background="{TemplateBinding Background}" d:DesignWidth="480" d:DesignHeight="800"> 
        <VisualStateManager.VisualStateGroups> 
         <VisualStateGroup x:Name="ScrollStates"> 
          <VisualStateGroup.Transitions> 
           <VisualTransition GeneratedDuration="00:00:00.5"/> 
          </VisualStateGroup.Transitions> 
          <VisualState x:Name="Scrolling" /> 
          <VisualState x:Name="NotScrolling"/> 
         </VisualStateGroup> 
        </VisualStateManager.VisualStateGroups> 
        <Grid Margin="{TemplateBinding Padding}"> 
         <ViewportControl x:Name="ViewportControl" HorizontalContentAlignment="Stretch" VerticalAlignment="Top"/> 
        </Grid> 
       </Grid> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

使用資源

<phone:LongListSelector Style="{StaticResource LongListSelectorWithNoScrollBarStyle}"> 
    .... 
</phone:LongListSelector> 

瞧。沒有滾動條。