Экспандер - ecvento/Material.Avalonia-Wiki GitHub Wiki

expanders

Обычные экспандеры

Элемент управления экспандер (расширитель) позволяет отображать или скрывать менее важное содержимое, связанное с частью основного содержимого, которое всегда отображается. Элементы, содержащиеся в заголовке, всегда видны. Пользователь может развернуть и свернуть область содержимого , в которой отображается дополнительное содержимое, взаимодействуя с заголовком. При развертывании области содержимого она отправляет другие элементы пользовательского интерфейса из пути; Он не накладывается на другой пользовательский интерфейс. Экспандер может увеличиваться вверх или вниз.

<StackPanel Margin="16, 0"
            Spacing="16"
	    MaxWidth="300">
		        

   <Expander Header="This is expander! Click me to expand the content."			  
          Content="iouliykftdrsedfghjihugyftdrthfgjkluyftdgfjhkuyhgbjikbkuygbuygbuygbjhtsrdykyjthrjtsykdulykjtjtrsyduylkyjtsykdulytsytkdsusjysusgfhjkoiu"
	  TextBlock.TextWrapping="Wrap"
	  ExpandDirection="Up"/>

</StackPanel>

В этом примере параметр ExpandDirection="Up" говорит о том, что заголовок экпандера после открытия окажется внизу содержимого.

TextBlock.TextWrapping="Wrap" говорит о том, что включен перенос текста.

ExpandDirection="Up" - Этот параметр отвечает за то, в какую сторону открывается экспандер. Другие возможные параметры - Left, Right, Downn (по умолчанию)

Пример экспандера, открывающегося в в бок:

<StackPanel Margin="16, 0"
            Spacing="16"
	    Orientation="Horizontal">
		        

   <Expander Header="This is expander! Click me to expand the content."
	     Content="iouliykftdrsedfghjihugyftdrthfgjkluyftdgfjhkhiuytrdfgchvjkbhhgfdtnnfghkiljkgjhtsrdykyjthrjtsykdfhjkoifvsdzl;jgkzgjisjgiuyygttyaau"
             TextBlock.TextWrapping="Wrap"
	     ExpandDirection="Left"/>
	
</StackPanel>

image