Blog Content

    티스토리 뷰

    45.SilverLight3 - Button

    반응형
    Button
    - .Net(C#) 에서 사용하던 방법과 동일 하지만 WPF에서 사용되는 기능이 Silverlight에서 안되는것도 있습니다.

    MainPage.xaml

    [그림 45-1]


    <Grid x:Name="LayoutRoot" Background="White">

            <StackPanel>

                <Button Content="1"></Button>

                <Button Content="2" x:Name="btnTwo"></Button>

                <Button Content="3" x:Name="btnThree"></Button>

                <Button Content="4" x:Name="btnFour"></Button>

                <Button Content="5" x:Name="btnFive"></Button>

            </StackPanel>

    </Grid>


    각각의 버튼에 대해서 이벤트를 선언 하겠습니다.
    버튼1 : 디자인 영역에서 버튼 더블클릭하여 Click이벤트 자동 추가
    버튼2 : 디자인 영역에서 버튼 더블클릭하여 Click이벤트 자동 추가,
               마우스가 버튼 컨트롤을 클릭시 클릭 이벤트 코드 불러오기

    버튼3 : 디자인 영역에서 버튼 더블클릭하여 Click이벤트 자동 추가,
               마우스가 버튼 컨트롤 영역안에 들어왔을때 이벤트 코드 불러오기

    버튼4 : 디자인 영역에서 버튼 더블클릭하여 Click이벤트 자동 추가,
               버튼을 클릭하고 뗐을때 이벤트 코드 불러오기

    버튼5 : Xaml에서 코드를 입력하지 않고 생성자를 통해서 Click 이벤트 동적으로 부여 ( 데리자 이용 )
    buttonClick에 Click 이벤트 선언하기

    [그림 45-2]



    btnTwo에 ClickMode 설정하기

    [그림 45-3]


         Xaml (디자인 영역)에서 직접 입력하셔도 됩니다.

    생성자를 통해서 Click 이벤트 동적으로 부여 ( 데리자 이용 )

    [그림 45-4]

    btnFive.Click += 까지 입력하고 나서 Tab키 한 번만 누르기 ( 또는 this.btnFive.Click += )

    [그림 45-5]

    Tab를 누르게 되면 자동으로 코드가 입력이 되고 다시 한번 Tab키를 누르게 되면

    [그림 45-6]

    데리자를 이용해서 btnFive 버튼에 대해서 클릭 이벤트를 동적으로 부여됩니다.
    "btnFive.Clck +=" 까지 입력하고 Tab키 두번 눌러보세요.

    MainPage.xaml

    <Grid x:Name="LayoutRoot" Background="White">

            <StackPanel>

                <Button Content="öo¡¡Æ1" Click="Button_Click"></Button>

                <Button Content="öo¡¡Æ2" x:Name="btnTwo" ClickMode="Press"

                        Click="btnTwo_Click"></Button>

                <Button Content="öo¡¡Æ3" x:Name="btnThree" ClickMode="Hover"

                        Click="btnThree_Click"></Button>

                <Button Content="öo¡¡Æ4" x:Name="btnFour" ClickMode="Release"

                        Click="btnFour_Click"></Button>

                <Button Content="öo¡¡Æ5" x:Name="btnFive"></Button>

            </StackPanel>

    </Grid>


    MainPage.xaml.cs

    public MainPage()

            {

                InitializeComponent();

     

                // Click "

                this.btnFive.Click += new RoutedEventHandler(btnFive_Click);

            }

     

            void btnFive_Click(object sender, RoutedEventArgs e)

            {

                MessageBox.Show(" Click ");    

            }

     

            private void Button_Click(object sender, RoutedEventArgs e)

            {

                MessageBox.Show("");

            }

     

            private void btnTwo_Click(object sender, RoutedEventArgs e)

            {

                MessageBox.Show("");

            }

     

            private void btnThree_Click(object sender, RoutedEventArgs e)

            {

                MessageBox.Show("");

            }

     

            private void btnFour_Click(object sender, RoutedEventArgs e)

            {

                MessageBox.Show("");

            }



    반응형

    'Silverlight' 카테고리의 다른 글

    47.SilverLight3 - PasswordBox  (0) 2009.12.01
    46.SilverLight3 - TextBox  (0) 2009.12.01
    44.SilverLight3 - Canvas.Clip  (0) 2009.12.01
    43.SilverLight3 - Canvas.Zindex  (0) 2009.12.01
    42.SilverLight3 - CanvasClip  (0) 2009.12.01

    Comments