Silverlight 2 워터마크 컨트롤 (WatorMarked Text Box Control)

Silverlight 2 beta 1 버전과 Silverlight 2 정식 릴리즈 버전의 지원되는 컨트롤 비교입니다.

사용자 삽입 이미지


사용자 삽입 이미지



2008년 3월에 Silverlight 2 Beta 1이 발표되면서 컨트롤에 들어있던 ScrollBar, ToolTip, WarkmarkedTextBox, ContentControl 컨트롤이 빠지고 beta 2, RC0, Silverlight 2 (RTW) 순으로 정식버전까지 릴리즈되면서 ComboBox, PasswordBox, ProgressBar, TabControl 컨트롤 등이 추가되었고, 정식 컨트롤형태는 아니지만 MessageBox.Show()의 메소드 형태로 MessageBox가 추가되어 공개되었습니다. RC0이후 정식 버전이 출시되었지만 특별히 추가된 컨트롤은 없습니다. 정식릴리즈에서 WarkmarkedTextBox 컨트롤이 빠졌다는게 조금은 실망이였는데 Tim Heuer( http://timheuer.com/blog )블로그에 커스텀 컨트롤로 WatermarkedTextBox 소스 및 dll을 공개하였습니다.


WaterMarkedTextBox  컨트롤 다운로드

  • Source: WatermarkedTextBox-Source.zip
  • Binary only: WatermarkedTextBox-Binary.zip



    커스텀 컨트롤 테스트

    사용자 삽입 이미지

    WaterMarkedTextBox 컨트롤을 사용하기 위해선 Silverlight 2 프로젝트를 하나 만들고 Microsoft.Windows.Controls.WatermarkedTextBox.dll 파일을 솔루션 탐색기에서 참조에 추가합니다.




    사용자 삽입 이미지




    Xaml 코드에는 아래 소스코드와 같이 추가하면 됩니다.
  • <UserControl x:Class="WatermarkTextBox.Page"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

         xmlns:local="clr-namespace:Microsoft.Windows.Controls;assembly=Microsoft.Windows.Controls.WatermarkedTextBox"

        Width="400" Height="300">

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

            <Grid.RowDefinitions>

                   <RowDefinition Height="0.313*"/>

                   <RowDefinition Height="0.113*"/>

                   <RowDefinition Height="0.117*"/>

                   <RowDefinition Height="0.127*"/>

                   <RowDefinition Height="0.33*"/>

            </Grid.RowDefinitions>

            <local:WatermarkedTextBox x:Name="WmPhoneNumber" Grid.Row="1"

              Watermark="휴대폰 입력" HorizontalAlignment="Center"

              VerticalAlignment="Center" Width="150"/>

            <local:WatermarkedTextBox x:Name="WmName" Grid.Row="2"

              HorizontalAlignment="Center" VerticalAlignment="Center"

              Watermark="이름 입력" Width="150"/>

            <local:WatermarkedTextBox x:Name="WmAddress"

              Watermark="주소 입력" Grid.Row="3" Width="150"

              HorizontalAlignment="Center" VerticalAlignment="Center" />

        </Grid>

    </UserControl>


  • 신고