2013-12-10 2 views
0

XAML 파일과 백 엔드에서 작업하는 C#. 전 4 개의 버튼이 있습니다.Silverlight의 단추 줄 바꿈

1을 클릭하면 다른 3 개가 표시되고 동일한 첫 번째 버튼을 클릭하면 3 개가 숨겨집니다.

그들은 잘 작동하지만, 나는 그들이 라인을 깨고 수직이 아닌 수평으로 정렬되기를 바랍니다.

또한 각 버튼 앞에 이미지를 추가해야합니다. this과 같은 것입니다.

좋습니다. 고맙습니다.

Followed이 답변이지만, 텍스트가 아니라 버튼을 이해합니다.

다음은 버튼에 대한 코드입니다 :

<Button Content ="Buttons" Click="ButtonBase_OnClick" Margin="15,15,15,15"></Button> 

<Button Content="Topo Map" Visibility="Collapsed" Click="Topo_OnClick" 
Name="But2" Margin="15,15,15,15"/> 

<Button Content="Street Map" Visibility="Collapsed" Click="Street_OnClick" 
Name="But3" Margin="15,15,15,15"/> 

<Button Content="Imagery Map" Visibility="Collapsed"Click="Imagery_OnClick" 
Name="But4" Margin="15,15,15,15"/> 
+0

정확히 무엇을 달성하기를 원하십니까? 열에 버튼이 있으면 "세로 방향"으로 스택을 사용할 수 있습니다. 버튼과 함께 이미지가 필요한 경우 각 행에 함께 가로 방향으로 스택을 다시 사용하십시오. –

답변

1

스택 패널 또는 격자와 같은 내용 컨테이너에 단추를 래핑해야합니다. 스택 패널은 격자가 사용 가능한 공간에 맞게 크기가 조정될 수있는 내용에 맞게 크기가 조정됩니다. buttonpanel을 사용하여 단추 내용을 유지하기위한 격자 및 격자를 사용합니다.

<StackPanel Orientation="Vertical"> 
     <Button Click="ButtonBase_OnClick" Margin="15"> 
      <Grid> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="Auto" /> 
        <ColumnDefinition Width="*" /> 
       </Grid.ColumnDefinitions> 
       <Image /> 
       <TextBlock Text="Buttons" /> 
      </Grid> 
     </Button> 

     ... 

    </StackPanel>