{"id":799,"date":"2010-06-28T14:17:57","date_gmt":"2010-06-28T14:17:57","guid":{"rendered":"http:\/\/www.erbugkaya.com\/?p=799"},"modified":"2014-01-16T23:21:22","modified_gmt":"2014-01-16T23:21:22","slug":"expression-blend-2-text-islemleri","status":"publish","type":"post","link":"http:\/\/erbugkaya.com\/?p=799","title":{"rendered":"Expression Blend 2 &#8211; Text \u0130\u015flemleri"},"content":{"rendered":"<p><em>17\/2\/2009<\/em><br \/>\nMerhaba Expression Blend&#8217;i \u00f6\u011frenmeye devam ediyoruz. T\u00fcm bunlar\u0131n sonunda Blend ile ara y\u00fcz geli\u015ftirmeyi \u00f6\u011frenmi\u015f olaca\u011f\u0131z. Belki windows uygulamas\u0131 i\u00e7in ara y\u00fcz haz\u0131rlayaca\u011f\u0131z ama benim i\u00e7in en \u00f6nemlisi SilverLight site i\u00e7in ara y\u00fcz yapabiliyor olaca\u011f\u0131z. Expression Blend 2 Text i\u015flemleri ile devam ediyoruz.<\/p>\n<p><!--more--><br \/>\nBa\u015flayal\u0131m. \u00c7al\u0131\u015fmam\u0131za text koyabilmek i\u00e7in Toolbox&#8217;da ki TextBox ikonunu kullan\u0131yoruz. Bu ikona bas\u0131l\u0131 tuttu\u011funuzda hz\u0131r text kontrolleri men\u00fc olarak a\u00e7\u0131l\u0131r.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_01.jpg\" width=\"255\" height=\"191\" \/><\/p>\n<p>\u0130lk \u00f6nce d\u00fczenlenemez, se\u00e7ilemez text kontrollerimizi g\u00f6zden ge\u00e7irelim. Bunlardan ilki TextBlock.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_02.jpg\" width=\"206\" height=\"33\" \/><\/p>\n<p>TextBlock&#8217;u se\u00e7tikten sonra \u00e7al\u0131\u015fma alan\u0131nda istedi\u011finiz boy i\u00e7in mouse u s\u00fcr\u00fckleyin ve yaz\u0131n\u0131z\u0131 yaz\u0131n. Text kontrolleri i\u00e7inde g\u00f6r\u00fcn\u00fcmler Properties tab\u0131 alt\u0131ndan y\u00f6netilir. Alttaki imaj da yaz\u0131n\u0131n rengini k\u0131rm\u0131z\u0131 yap\u0131lmas\u0131 a\u00e7\u0131klan\u0131yor.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_03.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_03.jpg\" width=\"460\" height=\"204\" \/><\/a><\/p>\n<p>Properties tab\u0131nda text i\u00e7in \u00f6zellikler kutucu\u011fu bulunmaktad\u0131r. Buradan text, paragraf ve listeleme \u00f6zelliklerini y\u00f6netebilirsiniz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_04.jpg\" width=\"274\" height=\"140\" \/><\/p>\n<p>Font tipini belirleyebilirsiniz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_05.jpg\" width=\"259\" height=\"470\" \/><\/p>\n<p>Font boyutunu belirleyebilirsiniz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_06.jpg\" width=\"274\" height=\"231\" \/><\/p>\n<p>Yaz\u0131n\u0131z\u0131 kal\u0131n, e\u011fik ya da alt\u0131 \u00e7izgili yapabilirsiniz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_07.jpg\" width=\"122\" height=\"30\" \/><\/p>\n<p>Text kutucu\u011funun alt\u0131ndaki oka basarak ileri \u00f6zellikleri a\u00e7abilirsiniz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_09.jpg\" width=\"279\" height=\"312\" \/><\/p>\n<p>\u00d6rne\u011fin buradaki FontWeight yaz\u0131n\u0131n kal\u0131nl\u0131\u011f\u0131 ile ilgilidir ama \u00e7ok daha fazla se\u00e7enek sunmaktad\u0131r.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_10.jpg\" width=\"274\" height=\"379\" \/><\/p>\n<p>Bir di\u011fer se\u00e7ilemez, d\u00fczenlenemez text se\u00e7ene\u011fimiz &#8220;Label&#8221; d\u0131r. Label&#8217;\u0131n TextBlock&#8217;a g\u00f6re i\u015flevsel farklar\u0131 vard\u0131r ve bu sebeple programc\u0131lar\u0131n daha fazla tercih ettikleri bir kontrold\u00fcr.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_11.jpg\" width=\"196\" height=\"28\" \/><\/p>\n<p>\u015eimdi input (girdi) yapabilece\u011fimiz Text kontrollerini gelelim. Elbette bunlar i\u00e7inde en \u00e7ok bileneni ve kullan\u0131lan\u0131 &#8220;TextBox&#8221; d\u0131r.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_12.jpg\" width=\"250\" height=\"187\" \/><\/p>\n<p>TextBox \u0131 se\u00e7ip \u00e7al\u0131\u015fma alan\u0131nda s\u00fcr\u00fckleyip b\u0131rak\u0131yoruz.<br \/>\n<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_13.jpg\" width=\"325\" height=\"87\" \/><br \/>\nKar\u015f\u0131m\u0131zda bilinen 3D g\u00f6r\u00fcn\u00fcml\u00fc text box.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_14.jpg\" width=\"304\" height=\"59\" \/><br \/>\nF5 ile projeyi \u00e7al\u0131\u015ft\u0131r\u0131p text box \u0131n\u0131z\u0131 kontrol edebilirsiniz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_15.jpg\" width=\"377\" height=\"189\" \/><\/p>\n<p>Elbette TextBox i\u00e7inde Properties alt\u0131nda \u00f6zellikler mevcuttur. Burada farkl\u0131 olarak BorderBrush bulunmaktad\u0131r. TextBox&#8217;\u0131n borderlar\u0131na verilen Gradient renk ge\u00e7i\u015flerine dikkat edin. Bu TextBox&#8217;a 3D g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc veren \u00f6zelliktir.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_16.jpg\" width=\"290\" height=\"497\" \/><\/p>\n<p>&#8220;RichTextBox&#8221; bir di\u011fer input \u00f6zellikli kontrold\u00fcr.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_17.jpg\" width=\"244\" height=\"189\" \/><\/p>\n<p>\u0130lk bak\u0131\u015fta TextBox&#8217;\u0131n ayn\u0131s\u0131d\u0131r.<br \/>\n<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_18.jpg\" width=\"324\" height=\"59\" \/><br \/>\nFakat TextBox&#8217;a g\u00f6re daha fazla \u00f6zelli\u011fi bulundurmaktad\u0131r. \u00d6rne\u011fin RichTextBox a sa\u011f klik yap\u0131p Edit Text&#8217;i se\u00e7erseniz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_19.jpg\" width=\"380\" height=\"275\" \/><\/p>\n<p>\u00d6rne\u011fin Rich yaz\u0131s\u0131n\u0131 se\u00e7ip Properties tab\u0131ndan rengini k\u0131rm\u0131z\u0131ya \u00e7evirebilirsiniz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_20.jpg\" width=\"320\" height=\"63\" \/><br \/>\nArka tarafta olanlar\u0131 g\u00f6rmek i\u00e7in XAML tab\u0131na bas\u0131n.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_20-2.jpg\" width=\"23\" height=\"121\" \/><\/p>\n<p>\u0130\u015fte RichTextBox&#8217;\u0131 editledikten sonra ortaya \u00e7\u0131kan XAML kodu.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_21.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_21.jpg\" width=\"461\" height=\"101\" \/><\/a><\/p>\n<p>PassworBox&#8217;da bir di\u011fer \u00f6zellikli Text Box d\u0131r.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_22.jpg\" width=\"241\" height=\"186\" \/><\/p>\n<p>Buraya yazd\u0131\u011f\u0131n\u0131z harfler g\u00fcvenlik i\u00e7in gizlenir.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_23.jpg\" width=\"241\" height=\"46\" \/><br \/>\nPasswordBox&#8217;\u0131n geli\u015fmi\u015f \u00f6zelliklerinde gizleme i\u015flemi s\u0131ras\u0131nda g\u00f6r\u00fcnecek karaktere karar verebilirsiniz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_24.jpg\" width=\"267\" height=\"290\" \/><\/p>\n<p>\u00d6rne\u011fin ben yuvarlak yerine y\u0131ld\u0131z kulland\u0131m.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_25.jpg\" width=\"115\" height=\"25\" \/><\/p>\n<p>\u0130\u015fte sonu\u00e7.<br \/>\n<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_26.jpg\" width=\"255\" height=\"43\" \/><br \/>\nToolbox men\u00fcs\u00fcndeki son kontrol &#8220;FlowDocumentScrollViewer&#8221; d\u0131r.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_27.jpg\" width=\"245\" height=\"183\" \/><\/p>\n<p>Fakat biz bu kontrol\u00fcn farkl\u0131 bir versiyonunu kullanaca\u011f\u0131z. Toolbox daki &#8220;Asset Library&#8221; ikonuna t\u0131kl\u0131yoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_28.jpg\" width=\"99\" height=\"62\" \/><\/p>\n<p>A\u00e7\u0131lan pencerede &#8220;System Controls&#8221; u se\u00e7iyoruz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_29.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_29.jpg\" width=\"392\" height=\"226\" \/><\/a><\/p>\n<p>&#8220;Show All&#8221; kutucu\u011funu i\u015faretleyince, System Control alt\u0131ndaki t\u00fcm WPF kontrolleri a\u00e7\u0131lm\u0131\u015f oluyor.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_30.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_30.jpg\" width=\"288\" height=\"27\" \/><\/a><\/p>\n<p>Bunlardan &#8220;FlowDocumentReader&#8221; \u0131 se\u00e7ip \u00e7al\u0131\u015fma alan\u0131nda s\u00fcr\u00fckl\u00fcyoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_31.jpg\" width=\"150\" height=\"106\" \/><\/p>\n<p>Kontrol\u00fcm\u00fcz haz\u0131r.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_32.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_32.jpg\" width=\"393\" height=\"291\" \/><\/a><\/p>\n<p>\u0130\u00e7erik konulmu\u015f hali.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_33.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_33.jpg\" width=\"384\" height=\"290\" \/><\/a><\/p>\n<p>XAML kodu<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_34.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_34.jpg\" width=\"368\" height=\"259\" \/><\/a><\/p>\n<p>Bu kontrol\u00fc ilerideki \u00e7al\u0131\u015ft\u0131\u011f\u0131m projelerde kullanmay\u0131 \u015fiddetle d\u00fc\u015f\u00fcn\u00fcyorum. \u00c7ok ba\u015far\u0131l\u0131. Belirledi\u011fimiz alana s\u0131\u011fmayan i\u00e7eri\u011fi sayfal\u0131yor. Sayfalar i\u00e7inde yolculuk etmemizi sa\u011fl\u0131yor.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_35.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_35.jpg\" width=\"379\" height=\"286\" \/><\/a><\/p>\n<p>\u0130\u00e7eri\u011fi iki s\u00fctun halinde g\u00f6sterebiliyor.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_36.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_36.jpg\" width=\"385\" height=\"286\" \/><\/a><\/p>\n<p>\u0130\u00e7eri\u011fi tek sayfada scroll&#8217;ayabiliyor.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_37.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_37.jpg\" width=\"368\" height=\"280\" \/><\/a><\/p>\n<p>\u0130\u00e7eri\u011fe zoom yapabiliyor.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_38.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_38.jpg\" width=\"376\" height=\"275\" \/><\/a><\/p>\n<p>\u0130\u00e7erik i\u00e7inde arama yapabiliyor.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_39.jpg\" width=\"262\" height=\"128\" \/><\/p>\n<p>Baz\u0131 durumlarda textleri path&#8217;e \u00e7evirmemiz gerekir. Yani sadece bir grafik objesi olarak kullanmak durumunda kalabiliriz. Bunun i\u00e7in textinizi yazars\u0131n\u0131z.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_40.jpg\" width=\"242\" height=\"121\" \/><br \/>\nText se\u00e7iliyken ana men\u00fcde Object&gt;Path&gt;Convert to Path ile texti path&#8217;e \u00e7evirebilirsiniz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_41.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_41.jpg\" width=\"412\" height=\"247\" \/><\/a><\/p>\n<p>XAML&#8217;de kendini buna g\u00f6re ayarlar.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_42.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_42.jpg\" width=\"480\" height=\"113\" \/><\/a><\/p>\n<p>Art\u0131k normal bir grafik objeniz var.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002120_43.jpg\" width=\"291\" height=\"210\" \/><\/p>\n<p>Bu makalede Expression Blend 2&#8217;de text konular\u0131n\u0131 inceledik<\/p>\n<p>\u0130yi \u00e7al\u0131\u015fmalar<\/p>\n<p>Te\u015fekk\u00fcrler.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>17\/2\/2009 Merhaba Expression Blend&#8217;i \u00f6\u011frenmeye devam ediyoruz. T\u00fcm bunlar\u0131n sonunda Blend ile ara y\u00fcz geli\u015ftirmeyi \u00f6\u011frenmi\u015f olaca\u011f\u0131z. Belki windows uygulamas\u0131 i\u00e7in ara y\u00fcz haz\u0131rlayaca\u011f\u0131z ama benim i\u00e7in en \u00f6nemlisi SilverLight site i\u00e7in ara y\u00fcz yapabiliyor olaca\u011f\u0131z. Expression Blend 2 Text i\u015flemleri ile devam ediyoruz.<\/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],"class_list":["post-799","post","type-post","status-publish","format-standard","hentry","category-teknik-yazi","tag-expression-blend"],"_links":{"self":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/799","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=799"}],"version-history":[{"count":6,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/799\/revisions"}],"predecessor-version":[{"id":2459,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/799\/revisions\/2459"}],"wp:attachment":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=799"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}