Archive for Ağustos 2012
WPF ile Çizim Yapma
Posted on: Ağustos 9, 2012
Bu örneğin ekran görüntüsü aşağıdaki gibi. İstediğimiz gibi çizim yapabiliriz, yazı yazabiliriz.
Bu yazımda paylaştığım örnek “Beginner’s WPF Animation Tutorial” yazında anlatılan uygulamanın küçük değişiklikler olan halidir. Uygulamayı çalıştırdığınızda resmin döndüğünü göreceksiniz. Sizde uygulamalarınızda bir cismin dönmesini istiyorsanız kullanabilirsiniz.
WPF ile DataBinding
Posted on: Ağustos 8, 2012
Asp.net Resim Gösterme
Posted on: Ağustos 8, 2012
- In: Asp.Net
- 4 Comments
Bu yazımda veritabanında adreslerini tuttuğumuz resimleri repeater ve datalist ile gösterimini anlatacağım.
Repeater ile Gösterimi
1-Visual Studio’da yeni bir asp projesi oluşturuyoruz ve projemize Toolbox’da Data’nın altında bulunan Repeater’ı ekliyoruz.
2-Default.aspx.cs’ye aşağıdaki kodu yazıyoruz.
protected void Page_Load(object sender, EventArgs e)
{
SqlConnection baglanti = new SqlConnection(“Data Source=NIHAL-VAIO\\SQLEXPRESS;Initial Catalog=veritabanı;Integrated Security=True;Pooling=False”);
SqlCommand komut = new SqlCommand(“select Isim,Resim from Hayvanlar”, baglanti);
baglanti.Open();
SqlDataReader dr = komut.ExecuteReader();
Repeater1.DataSource = dr;
Repeater1.DataBind();
baglanti.Close();
}
3-Default.aspx’e de aşağıdaki kodu yazıyoruz.
<asp:Repeater ID=”Repeater1″ runat=”server”>
<ItemTemplate>
‘/>
</ItemTemplate>
</asp:Repeater>
Default.aspx’in tam hali aşağıdaki gibi, siz style’i istediğiniz gibi değiştirebilirsiniz.
<%@ Page Language=”C#” AutoEventWireup=”true” CodeBehind=”Default.aspx.cs” Inherits=”Asp_Resim.WebForm1″ %>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<title></title>
<style type=”text/css”>
.dv
{
border:3px dotted Blue;
border-color: Blue;
margin:5px;
width:350px;
text-align:center;
font-size:20px;
color:Blue;
}
</style>
</head>
<body>
<form id=”form1″ runat=”server”>
HAYVANLAR
‘/>
</ItemTemplate>
</asp:Repeater>
</div>
</form>
</body>
</html>
Datalist ile Gösterimi
1- Visual Studio’da yeni bir asp projesi oluşturuyoruz.
2- Projemize Toolbox’da Data’nın altında bulunan Datalist’i ekliyoruz. Design bölümünde datalist’e tıkladığımızda yanında bir ok çıkıyor ona tıklayınca çıkan bölümden Edit Template’i tıklıyoruz.
3- ItemTemplate’in içine Html bölümünden bir tane div atıyoruz, properties bölümünden bu div’in style’ini belirliyoruz. Örneğin; border, background color gibi.
4- Div’in içine veritabanından çektiğimiz isimleri göstermek için 1 tane Label atıyoruz. Yine onunda özelliklerini properties kısmında belirleyebiliriz.
5- Label’ı tıklayınca çıkan okta Edit DataBindings’i tıklıyoruz. Açılan pencerede Text’i seçiyoruz ve aynı pencerede alt kısımdaki Code Expression’a Eval(“Isim”) yazıyoruz. Veritabanından çektiğimiz resim isimlerini ben Isim sütununda tutmuştum, bu yüzden Eval(“Isim”) yazdım, siz isimleri veritabanınızda hangi sütunda tuttuysanız onu yazın.
6- Label’ın altında bir tane image atıyoruz. Image tıkladığımızda Edit DataBindings’i tıklayıp açılan pencerede ImageUrl’yi seçip Code Expression’a Eval(“Resim”) yazıyoruz. Ben veritabanında resim adreslerini Resim sütununda tutmuştum siz hangi sütunda tutuysanız onu yazın.
7- Gerekli düzenlemeleri yaptıktıktan sonra datalist’in özelliklerine erişmek için Datalist’i tıklayıp çıkan okta End Template Editing’i tıklıyoruz.
8- Datalist seçiliyken properties kısmında RepeatColumn’a yan yana kaç tane resim göstermek istiyorsak onu yazıyoruz, ben bu örnek için 3 yazdım.
9- Default.aspx.cs’ye aşağıdaki kodu yazıyoruz.
protected void Page_Load(object sender, EventArgs e)
{
SqlConnection baglanti = new SqlConnection(“Data Source=NIHAL-VAIO\\SQLEXPRESS;Initial Catalog=veritabanı;Integrated Security=True;Pooling=False”);
SqlCommand komut = new SqlCommand(“select Isim,Resim from Hayvanlar”, baglanti);
baglanti.Open();
SqlDataReader dr = komut.ExecuteReader();
DataList1.DataSource = dr;
DataList1.DataBind();
baglanti.Close();
}
10- Datalist ayarlarını design bölümünden yaptığımız için Default.aspx’te aşağıdaki kod kendi oluştu ama istersek source bölümünden kendimizde yazabiliriz.
<asp:DataList ID=”DataList1″ runat=”server” RepeatColumns=”3″>
<ItemTemplate>
ForeColor=”#FF66FF” Text=”>
ImageUrl=” Width=”225px” ImageAlign=”Middle” />
</ItemTemplate>
</asp:DataList>
Default.aspx’in tam hali aşağıdaki gibi, yine burda da style’i istediğiniz gibi değiştirebilirsiniz.
<%@ Page Language=”C#” AutoEventWireup=”true” CodeBehind=”Default.aspx.cs” Inherits=”Asp_ResimDatalist.Default” %>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<title></title>
<style type=”text/css”>
.dv
{
border:3px dotted Blue;
border-color: Blue;
margin:5px;
width:350px;
text-align:center;
font-size:20px;
color:Blue;
}
</style>
</head>
<body>
<form id=”form1″ runat=”server”>
HAYVANLAR
‘>
‘ Width=”225px” ImageAlign=”Middle” />
</ItemTemplate>
</asp:DataList>
</div>
</form>
</body>
</html>
Asp.Net ile DataPager
Posted on: Ağustos 8, 2012
- In: Asp.Net
- Yorum Yapın
Bu yazımda veri tabanındaki verilere göre sayfalamanın nasıl yapılacağını anlatacağım.
Veri tabanında tutulan ülke isimlerini her sayfada 3’er tane gözükecek şekilde ayarlayacağız ve ona göre sayfalamanın yapılmasını sağlayacağız. Biraz karışık anlattıysam resimden anlayacağınızı umuyorum 🙂
Nihal's Blog 