Etiket -silverlight örnekleri

Silverlight renk geçişli Rectangle uygulaması

Silverlight ile hazırlanmış çeşitli yönlerde birçok renk geçişli desen elde edilmesini sağlayan Rectangle uygulaması

<UserControl x:Class="firca2.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="600" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White" Height="600" Width="400">
        <Rectangle Width="300" Height="100" Margin="47,12,53,488">
            <Rectangle.Fill>
                <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                    <GradientStop Color="Yellow" Offset="0.0" />
                    <GradientStop Color="Red" Offset="0.50" />
                    <GradientStop Color="Blue" Offset="0.75" />
                    <GradientStop Color="LimeGreen" Offset="1.0" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle Height="100" Margin="47,118,53,382" Width="300">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="1,1" StartPoint="0,1">
                    <GradientStop Color="Yellow" Offset="0.0" />
                    <GradientStop Color="Red" Offset="0.50" />
                    <GradientStop Color="Blue" Offset="0.75" />
                    <GradientStop Color="LimeGreen" Offset="1.0" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle Height="100" Margin="47,224,53,276" Width="300">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="1,1" StartPoint="1,0">
                    <GradientStop Color="Yellow" Offset="0.0" />
                    <GradientStop Color="Red" Offset="0.50" />
                    <GradientStop Color="Blue" Offset="0.75" />
                    <GradientStop Color="LimeGreen" Offset="1.0" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle Height="100" Margin="47,330,53,170" Width="300">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="1,0" StartPoint="0,1">
                    <GradientStop Color="Yellow" Offset="0.0" />
                    <GradientStop Color="Red" Offset="0.50" />
                    <GradientStop Color="Blue" Offset="0.75" />
                    <GradientStop Color="LimeGreen" Offset="1.0" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle Height="100" Margin="47,436,53,64" Width="300">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="0,1" StartPoint="1,0">
                    <GradientStop Color="Yellow" Offset="0.0" />
                    <GradientStop Color="Red" Offset="0.50" />
                    <GradientStop Color="Blue" Offset="0.75" />
                    <GradientStop Color="LimeGreen" Offset="1.0" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
    </Grid>

</UserControl>

<UserControl x:Class="firca2.MainPage"

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

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

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable="d"

d:DesignHeight="600" d:DesignWidth="400">

<Rectangle.Fill>

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

</Grid>

</UserControl>

Ekran Görüntüsü

Silverlight

Silverlight Rectangle uygulaması

Silverlight ile yapılmış çeşitli renklerde rectangle (fırça) uygulaması

<UserControl x:Class="fırça1.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid>
            <Rectangle Width="200" Height="40" Stroke="Blue" StrokeThickness="1" Fill="Red" Margin="95,23,105,237"></ Rectangle>
            <Rectangle Fill="Yellow" Height="40" Margin="95,69,105,191" Stroke="Red" StrokeThickness="1" Width="200" />
            <Rectangle Fill="Green" Height="40" Margin="95,115,105,145" Stroke="yellow" StrokeThickness="2" Width="200" />
            <Rectangle Fill="Blue" Height="40" Margin="95,161,105,99" Stroke="red" StrokeThickness="3" Width="200" />
            <Rectangle Fill="Brown" Height="40" Margin="95,207,105,53" Stroke="Blue" StrokeThickness="4" Width="200" />
        </Grid>
    </Grid>
</UserControl>

<UserControl x:Class="fırça1.MainPage"

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

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

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable="d"

d:DesignHeight="300" d:DesignWidth="400">

<Grid>

</Grid>

</UserControl>

Ekran Görüntüsü

Silverlight

Silverlight Merdivenli yazı uygulaması

Silverlight Merdivenli yazı uygulaması. Textbox a girilen yazı önce artan sonrada azalan şekilde listbox a yazdırılıyor. Öncelikle ekrana bir tane textbox iki tane listbox ve […]

Silverlight

Silverlight Şifre Kontrolü

Silverlight Şifre Kontrolü. Girilen şifre uzunluğunu ve nelerden oluşması gerektiğini kontrol eden bir uygulama. Eğer şifre 5 karakterden kısa ise şifre hatalı Eğer şifre sadece […]

Silverlight

Silverlight Metni Tersten Yazdırma

Silverlight Metni Tersten Yazdırma. Textboxa girilen ifade her değiştiğinde diğer textboxa tersten yazdırılıyor. Textboxun TextChanged yani text değişme özelliğine gereken kodları yazıyoruz. Uygulamanın MainPage.xaml dosyasının […]

Silverlight

Silverlight Takvim Uygulaması

Silverlight takvim uygulaması. Radyo butonundan günler seçilirse comboboxa gün isimleri geliyor. Radyo butonundan aylar seçilirse comboboxa aylar, mevsimler seçilirse comboboxa mevsimler geliyor. Uygulamanın MainPage.xaml dosyasının […]

Silverlight

Silverlight Kayıt Formu uygulaması

Silverlight Kayıt Formu uygulaması. Herhangi bir alan boş bırakılmış ise Gönder butonuna tıklandığında boş olan alanların yanlarına kırmızı renkli Lütfen şu alanı boş bırakmayınız şeklinde […]

Silverlight

Silverlight LinearGradientBrush uygulaması

Silverlight ile yapılmış çok güzel bir LinearGradientBrush uygulaması. Renklerin adeta dans ettiği bir ekran görüntüsü

<UserControl x:Class="firca3.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">
        <Rectangle Width="300" Margin="45,12,55,26">
            <Rectangle.Fill>
                <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                    <GradientStop Color="Yellow" Offset="0.0" />
                    <GradientStop Color="Red" Offset="0.10" />
                    <GradientStop Color="Blue" Offset="0.20" />
                    <GradientStop Color="Green" Offset="0.30" />
                    <GradientStop Color="Yellow" Offset="0.40" />
                    <GradientStop Color="Red" Offset="0.50" />
                    <GradientStop Color="Blue" Offset="0.60" />
                    <GradientStop Color="Green" Offset="0.70" />
                    <GradientStop Color="Yellow" Offset="0.80" />
                    <GradientStop Color="Red" Offset="0.90" />
                    <GradientStop Color="Blue" Offset="1.0" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
    </Grid>
</UserControl>

<UserControl x:Class="firca3.MainPage"

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

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

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable="d"

d:DesignHeight="300" d:DesignWidth="400">

<Rectangle.Fill>

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

</Grid>

</UserControl>

Ekran Görüntüsü

Silverlight

Silverlight RadialGradientBrush uygulaması

Silverlight ile hazırlanmış geçişli renklerden oluşan sanki üç boyutlu küre görünümünü veren RadialGradientBrush uygulaması

<UserControl x:Class="firca4.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">
        <Ellipse Width="300" Height="300">
            <Ellipse.Fill>
                <RadialGradientBrush GradientOrigin="0.5,0.5" >
                    <GradientStop Color="White" Offset="0"/>
                    <GradientStop Color="Black" Offset="1"/>
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
    </Grid>
</UserControl>

<UserControl x:Class="firca4.MainPage"

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

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

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable="d"

d:DesignHeight="300" d:DesignWidth="400">

<Ellipse.Fill>

</RadialGradientBrush>

</Ellipse.Fill>

</Ellipse>

</Grid>

</UserControl>

Ekran Görüntüsü

Silverlight

Silverlight RadialGradientBrush uygulaması

Silverlight ile hazırlanmış iç içe 10 farklı renk halkadan oluşan daire RadialGradientBrush uygulaması. Aynı zamanda renkler arasında renk geçiş efektleri uygulanmıştır.

<UserControl x:Class="firca5.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="520" d:DesignWidth="523">

    <Grid x:Name="LayoutRoot" Background="White">
        <Ellipse Width="500" Height="500">
            <Ellipse.Fill>
                <RadialGradientBrush GradientOrigin="0.5,0.5" >
                    <GradientStop Color="White" Offset="0"/>
                    <GradientStop Color="Black" Offset="0.1"/>
                    <GradientStop Color="Yellow" Offset="0.2"/>
                    <GradientStop Color="Red" Offset="0.3"/>
                    <GradientStop Color="Green" Offset="0.4"/>
                    <GradientStop Color="Aqua" Offset="0.5"/>
                    <GradientStop Color="DarkGreen" Offset="0.6"/>
                    <GradientStop Color="Fuchsia" Offset="0.7"/>
                    <GradientStop Color="SandyBrown" Offset="0.8"/>
                    <GradientStop Color="HotPink" Offset="0.9"/>
                    <GradientStop Color="YellowGreen" Offset="1"/>
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
    </Grid>
</UserControl>

<UserControl x:Class="firca5.MainPage"

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

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

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable="d"

d:DesignHeight="520" d:DesignWidth="523">

<Ellipse.Fill>

</RadialGradientBrush>

</Ellipse.Fill>

</Ellipse>

</Grid>

</UserControl>

Ekran Görüntüsü

Silverlight

Silverlight Ellipse uygulaması

Silverlight ile hazırlanmış içinde bir adet resim gösteren Ellipse uygulaması

<UserControl x:Class="firca6.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">
        <Ellipse Width="300" Height="300">
            <Ellipse.Fill>
                <ImageBrush ImageSource="1.jpg" ></ImageBrush>
            </Ellipse.Fill>
        </Ellipse>
    </Grid>
</UserControl>

<UserControl x:Class="firca6.MainPage"

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

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

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable="d"

d:DesignHeight="300" d:DesignWidth="400">

<Ellipse.Fill>

</Ellipse.Fill>

</Ellipse>

</Grid>

</UserControl>

Ekran Görüntüsü

1/212