Как переключить видимость столбца сетки WPF
-
10-07-2019 - |
Вопрос
У меня возникли некоторые проблемы с тем, чтобы заставить это работать в приложении WPF, над которым я работаю.По сути, то, что мне нужно, - это что-то вроде панели задач в MMC:
- Приложение имеет три столбца в основной части дисплея.Мне нужен столбец с правой стороны, размер которого можно изменять.Я предполагаю, что это означает использование сетки с разделителем сеток, но подойдет все, что работает.
- Я хочу иметь возможность сохранять ширину правого столбца при закрытии приложения и загружать его при открытии приложения, но это должен быть начальный размер:пользователь должен иметь возможность изменять его размер.
- Когда я изменяю размер окна, я хочу, чтобы левый и правый столбцы оставались прежнего размера, а средний столбец изменялся в соответствии с шириной окна.
- Столбцы с левой и правой стороны должны иметь минимальную ширину.Когда я изменяю размер правого столбца, я хочу, чтобы центральный столбец стал меньше, но не левый столбец.
- Я также хочу иметь возможность переключать видимость правостороннего столбца с помощью кнопки переключения, которая находится за пределами столбца, и когда он вернется к видимости, я хочу, чтобы он был той же ширины, что и раньше.
Я пытаюсь сделать как можно больше в XAML и с привязкой.
И можно мне посыпать его сливками, мороженым и шоколадной стружкой, пожалуйста?:-)
Решение
Когда я читаю ваши требования, вместо того, чтобы думать о Grid
, Я думаю о DockPanel
.
<DockPanel>
<Grid Name="right"
DockPanel.Dock="Right" MinWidth="100" />
<Grid Name="Left"
DockPanel.Dock="Left" MinWidth="100" />
<Grid Name="middle" />
</DockPanel>
Если вы создадите способ изменить размер right
, тогда middle
изменится по мере right
изменяется размер.Если вы измените размер окна, только middle
изменится.Хранение и настройка Width
из right
зависит от вас, но это не должно быть сложно.
Что касается разрешения пользователю изменять размер right
, это будет немного сложнее, но я нашел эта статья это должно помочь. Эта другая статья могло бы помочь еще больше.
Для наглядности right
, вы можете установить его Visibility
Для Collapsed
чтобы скрыть его и восстановить, установив в Visible
.
Примечание:Панели внутри не обязательно должны быть Grid
s, но вы захотите использовать какой-то Panel
для каждого.Все, что у вас есть внутри вашего текущего Grid
столбцы должны работать просто отлично.
Другие советы
Я использовал сетку с разделителями сеток, поскольку это позволило действительно легко изменять размер среднего столбца, сохраняя ширину левого и правого столбцов.
XAML:
<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="MainWindow"
Title="Main Window"
Width="640" Height="480">
<Grid>
<Grid.ColumnDefinitions>
<!-- Left column -->
<ColumnDefinition Width="200" MinWidth="100"/>
<!-- Left GridSplitter column -->
<ColumnDefinition Width="5"/>
<!-- Center column. A width of * means the column will fill
any remaining space. -->
<ColumnDefinition Width="*"/>
<!-- Right GridSplitter column -->
<ColumnDefinition x:Name="RightSplitterColumn" Width="5"/>
<!-- Right column -->
<ColumnDefinition x:Name="RightColumn" Width="200"
MinWidth="100"/>
</Grid.ColumnDefinitions>
<GridSplitter Grid.Column="1" HorizontalAlignment="Stretch" />
<GridSplitter Grid.Column="3" HorizontalAlignment="Stretch" />
<Button x:Name="ToggleButton" Grid.Column="2"
Content="Toggle Right Column" Width="150" Height="25"
Click="ToggleButton_Click" />
</Grid>
</Window>
Код, Стоящий за
При скрытии правого столбца я просто устанавливаю ширину столбца равной 0, поскольку столбцы сетки не имеют свойства видимости.
public partial class MainWindow : Window
{
private double rightColumnWidth;
private double rightColumnMinWidth;
private bool rightColumnHidden;
public MainWindow()
{
this.InitializeComponent();
}
private void ToggleButton_Click(object sender, RoutedEventArgs e)
{
if (rightColumnHidden)
{
// Restore the widths.
RightColumn.MinWidth = rightColumnMinWidth;
RightColumn.Width = new GridLength(rightColumnWidth);
RightSplitterColumn.Width = new GridLength(5);
}
else
{
// Remember the user-set widths for the columns.
rightColumnWidth = RightColumn.Width.Value;
rightColumnMinWidth = RightColumn.MinWidth;
// Remember to set the minimum width to 0 before changing the actual
// width.
RightColumn.MinWidth = 0;
RightColumn.Width = new GridLength(0);
RightSplitterColumn.Width = new GridLength(0);
}
rightColumnHidden = !rightColumnHidden;
}
}
Что касается сохранения и восстановления ширины столбцов при запуске, я бы просто сохранил переменные ширины в файле настроек, а затем применил их при повторном открытии вашего приложения.
Установите для columndefinition Width значение Auto и поместите элемент управления внутри этого столбца и поставьте звездочку для других столбцов .Всякий раз, когда вы хотите скрыть столбец с содержимым, установите control.Visibility=Свернутый, и поскольку ширина столбца задана автоматически, вы не увидите этот столбец, а остальные столбцы займут место.
3 года спустя вы можете найти другой подход в CodeProject.
http://www.codeproject.com/Articles/437237/WPF-Grid-Column-and-Row-Hiding
Он добавляет свойство "Visible" к пользовательским определениям столбцов.