我尝试使用垂直按钮构建包装面板。 每个按钮都包含图像和文本块。 我想做一些微软在窗口左侧的Outlook中做的事情, 当用户移动GridSplitter时。 当用户减小包裹板的高度时, 如果没有任何按钮,文本块将消失(按钮将仅由图像组成)。
我该怎么做。
感谢
答案 0 :(得分:1)
如果我理解正确的话。您想要显示带有文本和图像的按钮,但如果按钮的宽度减小到一定大小,它将只显示图像。
如果是这样,您应该能够使用数据触发器实现。
<Window x:Class="StackOverflow1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:StackOverflow1"
Title="MainWindow" Height="350" Width="525">
<Window.Resources>
<local:isLessThanConverter x:Key="MyisLessThanConverter"/>
<Style x:Key="myWidthTrigger" TargetType="TextBlock">
<Style.Triggers>
<DataTrigger Binding="{Binding Path=ActualWidth, RelativeSource={RelativeSource AncestorType=Button}, Converter={StaticResource MyisLessThanConverter}, ConverterParameter=90}" Value="True">
<Setter Property="Visibility" Value="Collapsed" />
</DataTrigger>
</Style.Triggers>
</Style>
</Window.Resources>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"></ColumnDefinition>
<ColumnDefinition Width="Auto"></ColumnDefinition>
<ColumnDefinition Width="*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<ListView HorizontalContentAlignment="Stretch">
<Button x:Name="myButton" Width="Auto">
<StackPanel Orientation="Horizontal">
<TextBlock x:Name="MyTextBlock" Style="{StaticResource myWidthTrigger}" Text="Test"></TextBlock>
<Image Source="image.png" Height="15"></Image>
</StackPanel>
</Button>
</ListView>
<GridSplitter Width="5" Grid.Column="1" ResizeDirection="Columns" ResizeBehavior="PreviousAndNext"></GridSplitter>
</Grid>
也使用此IValueConvertor:
[ValueConversion(typeof(double), typeof(string))]
public class isLessThanConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
if ((double)value < double.Parse((string)parameter))
{
return true;
}
else
{
return false;
}
}
public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
{
throw new NotImplementedException();
}
}
我不是这方面的专家,所以可能会有更清洁的方式。我还使用了listview而不是你请求的wrappanel。
希望这有帮助
答案 1 :(得分:0)
听起来你想要使用的是Expander
控件。这个StackOverflow post解释了当您打开另一个Expander
时,如何自动关闭其他{{1}}。这将像您在Outlook中描述的那样工作。