none
Silverlight StackPanel RRS feed

답변




  • 안녕하십니까? 김도남 님

    Microsoft MSDN Forum 사이트를 방문해 주셔서 감사합니다.

     

    문의 하신 “Silverlight StackPanel”에 대한 답변을 드리겠습니다.

     

     

    Step 1 : Background

     

    StackPanel Background 속성을 이용해서 배경색을 설정할 수 있습니다.

     

    <StackPanel Background="Black">

    </StackPanel>        

     

     

     

     

    Step 2 : Orientation

     

    StackPanel Orientation속성을 이용해서 객체가 쌓이는 방향을 설정할 수 있습니다. 브라우저크기가 변경되었을 경우 Control간에 배열이 일정하지 않을 수 있습니다. StackPanel을 사용하면 이러한 상황에 유용합니다.

     

    Vertical

     

    <StackPanel Background="Black"

                Orientation="Vertical">

        <Button Content="Button1"

                Width="80"

                Height="30"

                />

        <Button Content="Button2"

                Width="80"

                Height="30"

                />

        <Button Content="Button3"

                Width="80"

                Height="30"

                />

    </StackPanel>        

     

     

     

    Vertical 속성을 설정해서 버튼 컨트롤이 수직으로 배열이 되었습니다.

     

     

    Horizontal

     

    <StackPanel Background="Black"

                Orientation="Horizontal">

        <Button Content="Button1"

                Width="80"

                Height="30"

                />

        <Button Content="Button2"

                Width="80"

                Height="30"

                />

        <Button Content="Button3"

                Width="80"

                Height="30"

                />

    </StackPanel>        

     

     

     

    위와 같이 Horizontal 을 설정해서 수평으로 배열이 되었습니다.

     

    Step 3 : Alignment

     

    Alignment 속성을 이용해서 StackPanel의 위치를 정렬할 수 있습니다. 특정 가장자리에 고정하고 할 경우에 유용합니다. 하지만 StackPanel에 쌓이는 특징 때문에 내부 Control을 정렬할 수 있는 ContentAlignment속성은 제공하지 않습니다.

     

    VertialAlignment

     

    <StackPanel Background="Black"

                Orientation="Horizontal"

                VerticalAlignment="Top"

                >

        <Button Content="Button1"

                Width="80"

                Height="30"

                />

        <Button Content="Button2"

                Width="80"

                Height="30"

                />

        <Button Content="Button3"

                Width="80"

                Height="30"

                />

    </StackPanel>        

     

     

     

    StackPanel이 위로 정렬이 되었습니다.

     

     

    HorizontalAlignment

     

    <StackPanel Background="Black"

                Orientation="Horizontal"

                HorizontalAlignment="Right"

                >

        <Button Content="Button1"

                Width="80"

                Height="30"

                />

        <Button Content="Button2"

                Width="80"

                Height="30"

                />

        <Button Content="Button3"

                Width="80"

                Height="30"

                />

    </StackPanel>        

     

     

     

     

     

    StackPanel이 오른쪽으로 정렬이 되었습니다.

     

    참고 자료

     

    StackPanel Class

    http://msdn.microsoft.com/query/dev10.query?appId=Dev10IDEF1&l=EN-US&k=k(SYSTEM.WINDOWS.CONTROLS.STACKPANEL);k(VS.XAMLEDITOR);k(TargetFrameworkMoniker-%22SILVERLIGHT%2cVERSION%3dV4.0%22)&rd=true

     

    제가 문제에 대해 더 알아야 할 것이 있다면 응답 주시면 감사하겠습니다.

    제시해 드린 답변이 도움이 되었기를 바랍니다.

    • 답변으로 표시됨 김도남 2011년 11월 11일 금요일 오전 4:36
    2011년 11월 10일 목요일 오전 9:46
    중재자