WPF

=>Joe<= wrote:

i have to do it in "AViewModel.cs

XAML:

XML

<Window x:Class="QuickWPFTest.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="500" Name="MyWin" Loaded="MyWin_Loaded">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100"></ColumnDefinition>
            <ColumnDefinition MinWidth="50"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid Grid.Column="0" Background="Black"></Grid>
        <Grid Grid.Column="1" HorizontalAlignment="Stretch" Name="OuterGrid" SizeChanged="OuterGrid_SizeChanged">
            <ScrollViewer HorizontalScrollBarVisibility="Auto"
                        VerticalScrollBarVisibility="Disabled">
                <Grid HorizontalAlignment="Stretch" Name="InnerGrid">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition MaxWidth="{Binding MaxColumnWidth, ElementName=MyWin}"
                            Name="FirstColumn" MinWidth="100" Width="*"></ColumnDefinition>
                        <ColumnDefinition Width="3"></ColumnDefinition>
                        <ColumnDefinition MaxWidth="100" MinWidth="100"></ColumnDefinition>
                        <!-- This takes up the unused space to the right of the other columns. -->
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>
                    <Grid Grid.Column="0">
                        <ScrollViewer VerticalScrollBarVisibility="Auto">
                            <ListView Margin="0,0" Name="listView1" SelectionMode="Single" />
                        </ScrollViewer>
                    </Grid>
                    <GridSplitter Background="Red" Grid.Column="1" Grid.Row="0"
                        Height="Auto" Width="Auto" HorizontalAlignment="Stretch"
                        VerticalAlignment="Stretch" />
                    <Grid Grid.Column="2">
                        <ScrollViewer VerticalScrollBarVisibility="Auto">
                            <ListView Margin="0,0" Name="listView2" SelectionMode="Single" />
                        </ScrollViewer>
                    </Grid>
                </Grid>
            </ScrollViewer>
        </Grid>
    </Grid>
</Window>

C#:

C#

using System.ComponentModel;
using System.Windows;

namespace QuickWPFTest
{

	/// <summary>
	/// Interaction logic.
	/// </summary>
	public partial class Window1 : Window, INotifyPropertyChanged
	{

		// Constructor.
		public Window1()
		{
			InitializeComponent();
		}


		// When the window loads, change the width of the column.
		// Leave it at "*" would prevent resizing with the grid splitter.
		private void MyWin_Loaded(object sender, RoutedEventArgs e)
		{
			ChangeWidth();
		}


		// The outer grid got smaller or larger.
		private void OuterGrid_SizeChanged(object sender, SizeChangedEventArgs e)
		{

			// The maximum column width is based on the outer grid's width.
			// Since the outer grid width changed, the maximum column width did too.
			OnPropertyChanged("MaxColumnWidth");


			// When the outer grid is smaller than the inner, the inner width gets changed.
			if (InnerGrid.ActualWidth > OuterGrid.ActualWidth)
			{

				// Try commenting out this code block to see the different behavior.
				ChangeWidth();

			}

		}


		// Change the width of the column.
		private void ChangeWidth()
		{
			double diff = InnerGrid.ActualWidth - OuterGrid.ActualWidth;
			double newWidth = FirstColumn.ActualWidth - diff;
			if (newWidth < 0) newWidth = 0;
			FirstColumn.Width = new GridLength(newWidth);
		}


		// The column width may be no larger than the outer grid's width minus 103.
		public double MaxColumnWidth
		{
			get
			{
				return OuterGrid.ActualWidth - 100 - 3;
			}
		}

		
		// One of the properties changed.
		public event PropertyChangedEventHandler PropertyChanged;

		
		// Convenience method to raise property changed event.
		private void OnPropertyChanged(string name)
		{
			if (this.PropertyChanged != null)
			{
				this.PropertyChanged(this, new PropertyChangedEventArgs(name));
			}
		}

	}

}

<Grid>
      <Grid.RowDefinitions>
          <RowDefinition></RowDefinition>
      </Grid.RowDefinitions>
      <Grid.ColumnDefinitions>
          <ColumnDefinition Width="100"></ColumnDefinition>
          <ColumnDefinition MinWidth="50"></ColumnDefinition>
      </Grid.ColumnDefinitions>
      <Grid Grid.Column="0" Background="Black"></Grid>
      <Grid Grid.Column="1">
          <ScrollViewer HorizontalScrollBarVisibility="Auto"
                      VerticalScrollBarVisibility="Disabled">
              <Grid>
                  <Grid.RowDefinitions>
                      <RowDefinition></RowDefinition>
                  </Grid.RowDefinitions>
                  <Grid.ColumnDefinitions>
                      <ColumnDefinition MinWidth="100"></ColumnDefinition>
                      <ColumnDefinition Width="103"></ColumnDefinition>
                      <ColumnDefinition Width="100" />
                  </Grid.ColumnDefinitions>
                  <Grid Grid.Column="0">
                      <ScrollViewer VerticalScrollBarVisibility="Auto">
                          <ListView Margin="0,0" Name="listView1" SelectionMode="Single" />
                      </ScrollViewer>
                  </Grid>
                  <Grid Grid.Column="1">
                      <ScrollViewer VerticalScrollBarVisibility="Auto">
                          <ListView HorizontalAlignment="Stretch" Margin="3 0 0 0"
                          Name="listView2" SelectionMode="Single" />
                      </ScrollViewer>
                  </Grid>
                  <GridSplitter ResizeBehavior="PreviousAndNext"
                  ResizeDirection="Columns" Background="Red" Grid.Column="1" Grid.Row="0"
                      Height="Auto" Width="3" HorizontalAlignment="Left"
                      VerticalAlignment="Stretch" />
              </Grid>
          </ScrollViewer>
      </Grid>
  </Grid>