1

コンテナ コントロールを保持する ListBox があります。各コンテナー コントロールには 1-X ウィジェットが含まれており、これらのウィジェットは完全にカスタム化された WrapPanel にレイアウトされており、うまく機能しています。ウィジェットのサイズは、次の 2 つの要素から決定/更新されます。

  1. 親リストボックスのサイズ (変更された場合は更新)
  2. ビュー スケール SliderBar (25%、50%、100%) - ズーム ボタンのような

リストボックスのサイズが変更されると、カスタム パネルが再描画され、それに応じてウィジェットのサイズがコードで調整されます。完璧に動作します。

  <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="5" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <ListBox Name="lstGroups" Grid.Column="0" ItemsSource="{Binding Path=TopLevelGroups}" BorderThickness="0" ScrollViewer.VerticalScrollBarVisibility="Hidden" SizeChanged="ListBox_SizeChanged" VerticalAlignment="Stretch"
             SelectionMode="Extended"
                    Style="{ StaticResource ListBoxWithAutoScroll_Horizontal }"
             >
        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <StackPanel Orientation="Horizontal"/>
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
    </ListBox>
    <StackPanel Grid.Row="2" HorizontalAlignment="Left" VerticalAlignment="Center" Orientation="Horizontal">
        <Label Margin="5">View Scale:</Label>
        <Slider Name="sldView" Minimum="25" Maximum="100" IsSnapToTickEnabled="True" TickPlacement="BottomRight" Ticks="25,50,100" Width="125" ValueChanged="Slider_ValueChanged"/>
    </StackPanel>
    <StackPanel Grid.Row="2" Orientation="Horizontal" VerticalAlignment="Top" HorizontalAlignment="Right" DockPanel.Dock="Right">
        <Button Command="{Binding Path=StopCommand}" Content="Stop" Height="30" Width="60" Margin="1" IsEnabled="{Binding Path=CanStop}" x:Name="btnStop" />
        <Button Command="{Binding Path=RunCommand}" Content="Run" Height="30" Width="60"  IsEnabled="{Binding Path=CanRun}" x:Name="btnRun" HorizontalAlignment="Right" Margin="1"/>
    </StackPanel>

--ウィジェット--

 <Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
         <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <StackPanel Orientation="Horizontal" Grid.Row="0">
        <StackPanel.ContextMenu>
            <ContextMenu>
                <MenuItem Header="Edit" Command="{Binding Path=EditCommand}" IsEnabled="{Binding IsMonitorStopped}"/>
                <MenuItem Header="Remove" Command="{Binding Path=RemoveCommand}" IsEnabled="{Binding IsMonitorStopped}"/>
            </ContextMenu>
        </StackPanel.ContextMenu>
        <Image Source="" Margin="2" />
        <Label Content="{Binding Path=Name}" Margin="5,0,0,0" VerticalAlignment="Center"/>
    </StackPanel>
        <ItemsControl Grid.Row="1" ItemsSource="{Binding Path=Entities}" Name="icEntities" >
        <ItemsControl.Resources>
            <DataTemplate DataType="{x:Type vm:AppleViewModel}">
                <ct:AppleTile Height="{Binding Path=AppleHeight}" Width="{Binding Path=AppleWidth}" Grid.ColumnSpan="2" Grid.RowSpan="2"/>
            </DataTemplate>
            <DataTemplate DataType="{x:Type vm:OrangeViewModel}">
                <ct:OrangeTile Height="{Binding Path=OrangeHeight}" Width="{Binding Path=OrangeWidth}"  Grid.ColumnSpan="2"/>
            </DataTemplate>
            <DataTemplate DataType="{x:Type vm:GrapeViewModel}">
                <ct:GrapeTile Height="{Binding Path=GrapeHeight}" Width="{Binding Path=GrapeWidth}" />
            </DataTemplate>
        </ItemsControl.Resources>
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <!-- Custom Wrap panel -->
                <co:MonitorPanel x:Name="mpMain"/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
    </ItemsControl>
    </Grid>

ユーザーがズームイン/ズームアウトのためにスライダーバーを動かした場合、新しく計算されたウィジェットサイズでカスタムパネルを強制的に再レン​​ダリングできるようにする必要があります。

private void ListBox_SizeChanged(object sender, SizeChangedEventArgs e)
{
    //Works perfect
    this.ResetViewScale(e.NewSize);
}

...ここで問題が発生します:

 private void Slider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
    {
        ...code here
        this.ResetViewScale(new Size(this.myListBox.ActualWidth, this.myListBox.ActualHeight));
        //How can I repaint my list/panel?
    }

private void ResetViewScale(Size e)
    {
        Size newSize = new Size(e.Height / 2, e.Height / 2);

        switch (App.ApplicationViewScale)
        {
            case ViewScale.Full:
                Size full = new Size(newSize.Height, newSize.Height);
                App.TileSize = new Size(full.Height, full.Width);
                break;
            case ViewScale.Half:
                Size half = new Size(newSize.Height / 2, newSize.Height / 2);
                App.TileSize = new Size(half.Height, half.Width);
                break;
            case ViewScale.Quarter:
                Size quarter = new Size(newSize.Height / 4, newSize.Height / 4);
                App.TileSize = new Size(quarter.Height, quarter.Width);
                break;
            default:
                Size defaultToFull = new Size(newSize.Height, newSize.Height);
                App.TileSize = new Size(defaultToFull.Height, defaultToFull.Width);
                break;
        }
    }

すべての Invalidate メソッドを使用してみましたが、何も機能していないようです。ちょっと立ち往生...

4

0 に答える 0