更改ListBox的UniformGrid列數的最佳方式是什麼？

Question

我有一個ListBox與UniformGrid佈局，我試圖改變「列」屬性，但我不知道這樣做的最佳方式。我嘗試綁定到一個屬性或編程創建一個新的佈局，但我無法弄清楚。

<ListBox x:Name="ImagesList" ItemsSource="{Binding Path=GridImages}"> 
     <ListBox.ItemsPanel> 

      <ItemsPanelTemplate> 
       <UniformGrid IsItemsHost="True" Columns="3" VerticalAlignment="Top" /> 
      </ItemsPanelTemplate> 

     </ListBox.ItemsPanel> 
</ListBox> 

我想改變1和3列之間，當用戶點擊兩個按鈕。我已經嘗試綁定Columns="{Binding Path=MyColumnCount}"，但它永遠不會更改，並嘗試設置x:Name並從我的代碼訪問，但沒有成功。我也嘗試實例化一個新的UniformGrid，但我讀過我需要一個工廠，所以我不能設置不同的Columns值。

Answer 1

我想也許ItemsPanelTemplate沒有繼承ListBox'DataContext，但它，所以你應該Binding工作：

<ListBox x:Name="ImagesList" ItemsSource="{Binding Path=GridImages}" > 
    <ListBox.ItemsPanel> 
     <ItemsPanelTemplate> 
      <UniformGrid IsItemsHost="True" Columns="{Binding Path=MyColumnCount}" 
         VerticalAlignment="Top" /> 
     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 

    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <Image Source="{Binding}" /> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox> 

這個簡單的視圖模型，其上的定時器更新MyColumnCount試試：

public class ImagesVM : INotifyPropertyChanged 
{ 
    private System.Threading.Timer _timer; 
    private int _colIncrementor = 0; 

    public ImagesVM() 
    { 
     _timer = new System.Threading.Timer(OnTimerTick, null, 
              TimeSpan.FromSeconds(1), 
              TimeSpan.FromSeconds(1)); 
     _gridImages = new string[] { 
      "http://www.anbg.gov.au/images/flags/semaphore/a-icon.gif", 
      "http://www.anbg.gov.au/images/flags/semaphore/b-icon.gif", 
      "http://www.anbg.gov.au/images/flags/semaphore/c-icon.gif", 
      "http://www.anbg.gov.au/images/flags/semaphore/d-icon.gif", 
      "http://www.anbg.gov.au/images/flags/semaphore/e-icon.gif", 
      "http://www.anbg.gov.au/images/flags/semaphore/f-icon.gif", 
     }; 
    } 
    private void OnTimerTick(object state) 
    { 
     this.MyColumnCount = (_colIncrementor++ % 3) + 1; 
    } 

    private int _myColumnCount = 3; 
    public int MyColumnCount 
    { 
     get { return _myColumnCount; } 
     set 
     { 
      _myColumnCount = value; 
      this.PropertyChanged(this, new PropertyChangedEventArgs("MyColumnCount")); 
     } 
    } 

    private string[] _gridImages = null; 
    public string[] GridImages 
    { 
     get { return _gridImages; } 
    } 

    public event PropertyChangedEventHandler PropertyChanged = (s, e) => { }; 
}