{"id":817,"date":"2010-06-28T14:43:02","date_gmt":"2010-06-28T14:43:02","guid":{"rendered":"http:\/\/www.erbugkaya.com\/?p=817"},"modified":"2014-01-16T23:20:05","modified_gmt":"2014-01-16T23:20:05","slug":"expression-blend-3-preview-silverlight-3-icin-buton-kontrolunun-duzenlenmesi","status":"publish","type":"post","link":"http:\/\/erbugkaya.com\/?p=817","title":{"rendered":"Expression Blend 3 Preview &#8211; Silverlight 3 i\u00e7in Buton Kontrol\u00fcn\u00fcn D\u00fczenlenmesi"},"content":{"rendered":"<p>9\/4\/2009<br \/>\nMerhaba bu makalede Expression Blend 3 Preview ile haz\u0131rlanan bir Silverlight 3 sitesi i\u00e7in buton d\u00fczenlemeyi anlataca\u011f\u0131m.<\/p>\n<p><!--more--><br \/>\nBa\u015flayal\u0131m. Sitemizde alttaki butonu kullanmak istiyoruz. Over&#8217;\u0131 da yan\u0131ndaki imaj olacak. Ve bu iki buton yumu\u015fak bir fade in\/out ile ge\u00e7i\u015f yapacak.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_erbugkaya.jpg\" width=\"133\" height=\"23\" \/> <img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_erbugkaya_Over.jpg\" width=\"133\" height=\"23\" \/><\/p>\n<p>Yeni bir proje a\u00e7\u0131yoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_01.jpg\" width=\"322\" height=\"333\" \/><\/p>\n<p>Silverlight 3 Application + Website&#8217;yi se\u00e7iyoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_02.jpg\" width=\"405\" height=\"461\" \/><\/p>\n<p>Project tab\u0131m\u0131zda proje ismine sa\u011f t\u0131klay\u0131p a\u00e7\u0131lan men\u00fcde &#8220;Add New Folder&#8221; a t\u0131kl\u0131yoruz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_03.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_03.jpg\" width=\"300\" height=\"185\" \/><\/a><\/p>\n<p>Bu yeni klas\u00f6r\u00fcn ismini images olarak belirliyoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_04.jpg\" width=\"167\" height=\"30\" \/><\/p>\n<p>images klas\u00f6r\u00fcne sa\u011f t\u0131klay\u0131p a\u00e7\u0131lan men\u00fcde &#8220;Add Existing Item&#8221; a t\u0131kl\u0131yoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_05.jpg\" width=\"411\" height=\"320\" \/><\/p>\n<p>Ve daha \u00f6nce haz\u0131rlam\u0131\u015f oldu\u011fumuz buton ve over imajlar\u0131n\u0131 projemize al\u0131yoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_06.jpg\" width=\"286\" height=\"70\" \/><\/p>\n<p>Tool bardan Button kontrol\u00fcn\u00fc se\u00e7iyoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_07.jpg\" width=\"186\" height=\"234\" \/><\/p>\n<p>\u00c7al\u0131\u015fma alan\u0131m\u0131zda mouse u s\u00fcr\u00fckleyerek Button u yarat\u0131yoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_08.jpg\" width=\"417\" height=\"287\" \/><br \/>\nBreadcrumb da Button&gt;Edit Control Parts (Template)&gt;Create Empty&#8217;e t\u0131klayarak bo\u015f bir buton template i yarat\u0131yoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_09.jpg\" width=\"335\" height=\"144\" \/><\/p>\n<p>ControlTemplate&#8217;e istedi\u011fimiz ismi veriyoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_10.jpg\" width=\"400\" height=\"261\" \/><\/p>\n<p>State tab\u0131na ge\u00e7iyoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_11.jpg\" width=\"291\" height=\"545\" \/><\/p>\n<p>Normal State&#8217;ine t\u0131kl\u0131yoruz. Blend kay\u0131ta ba\u015flam\u0131\u015ft\u0131r.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_12.jpg\" width=\"448\" height=\"203\" \/><\/p>\n<p>Project tab\u0131na ge\u00e7ip butonun normal hali i\u00e7in imaj\u0131m\u0131za \u00e7ift t\u0131kl\u0131yoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_13.jpg\" width=\"396\" height=\"68\" \/><\/p>\n<p>\u0130maj\u0131m\u0131z Object and Timeline a eklenmi\u015f olmal\u0131 ve \u00fcst\u00fcnde k\u00fc\u00e7\u00fck k\u0131rm\u0131z\u0131 bir daire g\u00f6z\u00fckmeli.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_14.jpg\" width=\"290\" height=\"162\" \/><\/p>\n<p>State tab\u0131na geri d\u00f6n\u00fcyoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_15.jpg\" width=\"461\" height=\"304\" \/><\/p>\n<p>Normal state i i\u00e7in \u00fcst\u00fcnde art\u0131 olan k\u00fc\u00e7\u00fck ok\u00e7u\u011fa, &#8220;Add transition&#8221; ikonuna t\u0131kl\u0131yoruz. A\u00e7\u0131lan men\u00fcden Normal &#8211; MouseOver&#8217;a t\u0131kl\u0131yoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_16.jpg\" width=\"189\" height=\"134\" \/><\/p>\n<p>Transition \u0131n s\u00fcresini 1sn olarak belirliyoruz. Butonun normal hali i\u00e7in i\u015flemlerimiz bitmi\u015ftir. \u015eimdi over \u0131 ile ilgilenelim.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_17.jpg\" width=\"300\" height=\"70\" \/><\/p>\n<p>MouseOver state&#8217;ine t\u0131kl\u0131yoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_18.jpg\" width=\"287\" height=\"221\" \/><\/p>\n<p>Proje tab\u0131na geri d\u00f6n\u00fcp, over imaj\u0131na \u00e7ift t\u0131kl\u0131yoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_19.jpg\" width=\"453\" height=\"345\" \/><\/p>\n<p>Over imaj\u0131 da eklenmi\u015ftir.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_20.jpg\" width=\"286\" height=\"190\" \/><\/p>\n<p>MouseOver i\u00e7in MouseOver &#8211; Normal transition unu se\u00e7iyoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_21.jpg\" width=\"418\" height=\"145\" \/><\/p>\n<p>Bunun i\u00e7inde s\u00fcremiz 1sn.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_22.jpg\" width=\"290\" height=\"49\" \/><\/p>\n<p>\u0130\u015flemlerimiz bitmi\u015ftir. Her \u015feyi do\u011fru yapt\u0131ysak butonumuz alttaki gibi g\u00f6z\u00fckmeli ve\u00a0 yumu\u015fak bir fade in\/out a sahip olmal\u0131.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002179_23.jpg\" width=\"240\" height=\"158\" \/><\/p>\n<p>Bu makalede Expression Blend 3 Preview ile Silverlight 3 i\u00e7in buton kontrol\u00fcn\u00fc d\u00fczenlemeyi anlatmaya \u00e7al\u0131\u015ft\u0131m.<\/p>\n<p>\u0130yi \u00e7al\u0131\u015fmalar<\/p>\n<p>Te\u015fekk\u00fcrler.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>9\/4\/2009 Merhaba bu makalede Expression Blend 3 Preview ile haz\u0131rlanan bir Silverlight 3 sitesi i\u00e7in buton d\u00fczenlemeyi anlataca\u011f\u0131m.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[41,48],"class_list":["post-817","post","type-post","status-publish","format-standard","hentry","category-teknik-yazi","tag-expression-blend","tag-silverlight"],"_links":{"self":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=817"}],"version-history":[{"count":4,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/817\/revisions"}],"predecessor-version":[{"id":2439,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/817\/revisions\/2439"}],"wp:attachment":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=817"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=817"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}