Başlangıç

Silverlight 4.0 ile Bir Nesneyi En Basit Kod (C#) ile Taşıma (Drag Drop)

Yorum bırakın


Visual Studio veya Expression Blend ile yeni bir silverlight projesi oluşturun.

  • MainPage.xaml Dosyası İçeriği;

<UserControl
xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation&#8221;
xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml&#8221;
x:Class=”dragdrop1.MainPage”
Width=”640″ Height=”480″>

<Grid x:Name=”LayoutRoot” Background=”White”>
<Rectangle x:Name=”dikdortgen” Width=”50″ Height=”50″ Fill=”Blue” HorizontalAlignment=”Left” VerticalAlignment=”Top” MouseLeftButtonUp=”dikdortgen_MouseLeftButtonUp” MouseLeftButtonDown=”dikdortgen_MouseLeftButtonDown” MouseMove=”dikdortgen_MouseMove“>
<Rectangle.RenderTransform>
<TranslateTransform x:Name=”dik_donme_hareket” X=”0″ Y=”0″ />
</Rectangle.RenderTransform>
</Rectangle>
</Grid>
</UserControl>

  • MainPage.xaml.cs dosyasının içeriği;

 

private Boolean dik_mouse_durumu = false;

private void dikdortgen_MouseLeftButtonUp(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
this.dikdortgen.ReleaseMouseCapture();
dik_mouse_durumu = false;
}

private void dikdortgen_MouseLeftButtonDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
this.dikdortgen.CaptureMouse();
dik_mouse_durumu = true;
}

private void dikdortgen_MouseMove(object sender, System.Windows.Input.MouseEventArgs e)
{
if (dik_mouse_durumu)
{
this.dik_donme_hareket.X = e.GetPosition(this).X;
this.dik_donme_hareket.Y = e.GetPosition(this).Y;
}
}

 

CSS ve Liste etiketleri ile En Basit Yatay Menü Yapımı

Yorum bırakın


En basit haliyle css ve html ile Yatay menü yapmak için bir adet html dosyası ve bir adette  css dosyası oluşturalım. Bu dosyaları herhangi bir metin editörü (notepad.exe) veya Dreamweaver Programı ile oluşturabilirsiniz.

  • yataymenuolustur.html dosyasının içeriği;

<html>
<head>
<title>Yatay Menü Oluşturma</title>
<link rel=”stylesheet” type=”text/css” href=”yataymenustilleri.css”/>
<!–css dosyasının eklenmesi–>
</head>
<body>
<ul class=”yataymenu”> <!–dosyadaki sınıfın etikete uygulanması–>
<li><a href=”#” target=”_self”>ANASAYFA</a></li>
<li><a href=”#” target=”_self”>RESİMLER</a></li>
<li><a href=”#” target=”_self”>İLETİŞİM</a></li>
</ul></body></html>

  • yataymenustilleri.css dosyasının içeriği;

.yataymenu{ /*yataymenu sınıfı css ayarları*/
list-style-type:none; /*listedeki madde işaretlerini kaldır */
margin:0;
padding:0;
}
.yataymenu a{ /*yataymenu sınıfına link verildiğinde css ayarları*/
text-decoration:none;/*altı çizili özelliğini kaldır*/
background-color:#336;
color:#CF0;
width:100px;
}
.yataymenu a:hover{/*yataymenu sınıfına link üzerine gelindiğinde css ayarları*/
background-color:#C30;
color:#00F;
}
.yataymenu li{
display:inline;/*liste elemanlarını yanyana yerleştirir.*/
}

CSS ve Liste etiketleri ile En Basit Dikey Menü Yapımı

Yorum bırakın


En basit haliyle css ve html ile Dikey menü yapmak için bir adet html dosyası ve bir adette  css dosyası oluşturalım. Bu dosyaları herhangi bir metin editörü (notepad.exe) veya Dreamweaver Programı ile oluşturabilirsiniz.

  • dikeymenuolustur.html dosyasının içeriği;

<html>
<head>
<title>Dikey Menü Oluşturma</title>
<link rel=”stylesheet” type=”text/css” href=”dikeymenustilleri.css”/>
<!–css dosyasının eklenmesi–>
</head>
<body>
<ul class=”dikeymenu”> <!–dosyadaki sınıfın etikete uygulanması–>
<li><a href=”#” target=”_self”>ANASAYFA</a></li>
<li><a href=”#” target=”_self”>RESİMLER</a></li>
<li><a href=”#” target=”_self”>İLETİŞİM</a></li>
</ul></body></html>

  • dikeymenustilleri.css dosyasının içeriği;

@charset “iso-8859-9”;
/* CSS Document */
body{ /*body etiketi css ayarları*/
margin:0;
padding:0;
background-color:#9C9;
}
.dikeymenu{ /*dikeymenu sınıfı css ayarları*/
list-style-type:none; /*listedeki madde işaretlerini kaldır */
margin:0;
padding:0;
}
.dikeymenu a{ /*dikeymenu sınıfına link verildiğinde css ayarları*/
text-decoration:none;/*altı çizili özelliğini kaldır*/
background-color:#336;
color:#CF0;
width:100px;
display:block; /* listedeki tüm liste elemanlarının genişliği*/
}
.dikeymenu a:hover{/*dikeymenu sınıfına link üzerine gelindiğinde css ayarları*/
background-color:#C30;
color:#00F;
}

Bana Silverlight Anlat

meslek lisesi ders notları

Eren ÇOLAK

Yazılım Mühendisi Olmak Yolunda İlerliyor...