\nGrid<\/strong>
\nBlend’de yeni bir proje a\u00e7t\u0131\u011f\u0131n\u0131zda default layout kontrol\u00fc olarak Grid gelir. Window \u00fcst ve sol bar\u0131 \u00fcst\u00fcnde mouse’nuzu hareket ettirirseniz. Turuncu bir \u00e7izgi belirecektir. Bu gridiniz i\u00e7in sat\u0131rlar\u0131 ve s\u00fctunlar\u0131 belirleyecek olan \u00e7izgidir.<\/p>\n
\u0130stedi\u011finiz yerde \u00e7izgiye t\u0131klarsan\u0131z rengi maviye d\u00f6n\u00fc\u015f\u00fcr ve bu art\u0131k gridinizin belirledi\u011finiz yerden s\u00fctuna ya da sat\u0131ra ayr\u0131ld\u0131\u011f\u0131n\u0131 g\u00f6sterir. Bu \u00e7izgiyi istedi\u011finiz zaman hareket ettirebilir ve \u00fcst\u00fcne \u00e7ift t\u0131klayarak silebilirsiniz.<\/p>\n Window’un sol \u00fcst k\u00f6\u015fesindeki ikoncu\u011fa basarak Grid moduna ge\u00e7ebilirsiniz.<\/p>\n Bunu yap\u0131nca alttaki gibi her sat\u0131r ve s\u00fctun i\u00e7in bir kilit ikonu belirir. Bu kilitler o s\u00fctun ya da sat\u0131r\u0131n, en – boy uzunlu\u011funu de\u011fi\u015ftirip de\u011fi\u015ftirmeyece\u011fini belirler.<\/p>\n \u0130ki s\u00fctunlu gridimin sol s\u00fctununa bir dikd\u00f6rtgen \u00e7izdim.<\/p>\n Dikd\u00f6rtgenin marginlerini s\u0131f\u0131rlayarak i\u00e7inde durdu\u011fu s\u00fctunu tam olarak kaplamas\u0131n\u0131 sa\u011flad\u0131m.<\/p>\n Ayn\u0131 i\u015flemi sa\u011f s\u00fctun i\u00e7inde yapt\u0131m.<\/p>\n F5’e basarak projenizi \u00e7al\u0131\u015ft\u0131rd\u0131m.<\/p>\n E\u011fer pencereyi daralt\u0131rsam s\u00fctun enlerinin de de\u011fi\u015fti\u011fini g\u00f6r\u00fcr\u00fcz. \u00c7\u00fcnk\u00fc bu s\u00fctunlar i\u00e7in kilitleri kapamad\u0131m.<\/p>\n \u00d6rne\u011fin sol s\u00fctunu kilitlersek<\/p>\n Ayn\u0131 \u015fekilde pencerenin boyunu de\u011fi\u015ftirdi\u011fimizde sol s\u00fctunda bir de\u011fi\u015fiklik olmayacakt\u0131r.<\/p>\n Canvas<\/strong> Canvas objeleri sol \u00fcst k\u00f6\u015feyi orijin alarak i\u00e7inde tutan bir kontrold\u00fcr.<\/p>\n Alttaki Left, Top de\u011ferleri yukar\u0131daki dikd\u00f6rtgenlerden sola en yak\u0131n olana ait.<\/p>\n Ve kesiksiz \u00e7izgiler bu left, top de\u011ferlerini temsil ediyor.<\/p>\n E\u011fer projeyi \u00e7al\u0131\u015ft\u0131r\u0131p, pencerenin boyunu de\u011fi\u015ftirseniz de bu karelerin orijin noktas\u0131na olan uzakl\u0131klar\u0131n\u0131n sabit kald\u0131\u011f\u0131n\u0131 g\u00f6receksiniz.<\/p>\n DockPanel<\/strong> Properties tab\u0131ndaki Layout panelinde LastChildFill’in kutucu\u011funa bas\u0131p, onu i\u015faretlenmemi\u015f duruma getiriyoruz.<\/p>\n \u00c7al\u0131\u015fma alan\u0131na bir kare \u00e7izince bu d\u00f6rt kenardan birine yap\u0131\u015facakt\u0131r.<\/p>\n Bu kenar\u0131 Layout panelindeki Dock a\u00e7\u0131l\u0131r men\u00fcs\u00fc ile de\u011fi\u015ftirebiliriz.<\/p>\n Altta Dock’u Right olarak ayarlad\u0131m.<\/p>\n Objenizi mouse ile s\u00fcr\u00fcklerseniz ortada \u00e7ukan \u00fc\u00e7genleri \u00fcst\u00fcne gelip mouse u serbest b\u0131rakarak da objenin hangi kenara yap\u0131\u015faca\u011f\u0131n\u0131 belirleyebilirsiniz.<\/p>\n DockPanel her zaman \u00fcst kenara yap\u0131\u015f\u0131k kalmas\u0131n\u0131 istedi\u011finiz bir header i\u00e7in ya da altta yap\u0131\u015f\u0131k kalmas\u0131n\u0131 istediniz footer i\u00e7in m\u00fckemmel bir \u00e7\u00f6z\u00fcmd\u00fcr. Alt\u0131 tane kare \u00e7izdim. StackPanel bunlar\u0131 d\u00fc\u015fey olarak dizdi.<\/p>\n T\u00fcm kareleri se\u00e7ip Top Margin’i de\u011fi\u015ftirdim.<\/p>\n Sonu\u00e7 altta.<\/p>\n \u00c7ift t\u0131klayarak Layout’u se\u00e7iyorum<\/p>\n Ve Layout Panelinde HorizontalAligment’i d\u00fc\u015fey’den yataya \u00e7ekiyorum.<\/p>\n Sonu\u00e7 altta.<\/p>\n Yine t\u00fcm kareleri se\u00e7iyorum ve Left Marginlerini de\u011fi\u015ftiriyorum.<\/p>\n Sonu\u00e7 altta.<\/p>\n Projeyi \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131n\u0131zda karelerimiz yatayda ortalanm\u0131\u015f olarak yatak dizilmi\u015flerdir.<\/p>\n Pencerenin boyunu de\u011fi\u015ftirdi\u011fimde objelerim yatay ortalamay\u0131 korurlar ama pencereye s\u0131\u011fmaya \u00e7al\u0131\u015fmazlar. Peki bunu nas\u0131l sa\u011flar\u0131z? O da ba\u015fka bir kontrol \u015fimdi onu g\u00f6relim.<\/p>\n WrapPanel<\/strong> Ayn\u0131 karelerden bu sefer 24 tane \u00e7izdim. Bu kareler WrapPanel i\u00e7inde \u00e7al\u0131\u015fma alan\u0131na s\u0131\u011fmad\u0131klar\u0131 yerden alt sat\u0131ra ge\u00e7ip devam ediyorlar. WrapPanel, StackPanel’in geli\u015fmi\u015fidir.<\/p>\n T\u00fcm karelerin marginleri altta. StackPanel deki dikey, d\u00fc\u015fey ayarlar\u0131 WrapPanel i\u00e7inde bulunmaktad\u0131r.<\/p>\n Projeyi \u00e7al\u0131\u015ft\u0131r\u0131yoruz.<\/p>\n Pencereyi daraltt\u0131\u011f\u0131m\u0131zda WrapPanel i\u00e7indeki objeler yeni boya g\u00f6re kendilerini ayarl\u0131yorlar. Bu \u00f6rne\u011fin imaj galeri haz\u0131rlamak i\u00e7in \u00e7ok iyi bir kontrol.<\/p>\n Gruplama<\/strong> T\u00fcm objeleri Shift ile se\u00e7ip sa\u011f klik yap\u0131yorum ve a\u00e7\u0131lan men\u00fcde Group Into>Canvas’a bas\u0131yorum.<\/p>\n![\"\"](\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002153_01.jpg\")
<\/a><\/p>\n<\/p>\n<\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/p>\n<\/p>\n<\/p>\n
\nBlendle yeni bir proje a\u00e7t\u0131\u011f\u0131n\u0131zda default gelen kontrol\u00fcn Grid oldu\u011funu s\u00f6ylemi\u015ftim. Bunu de\u011fi\u015ftirmek i\u00e7in Object panelinde LayoutRoot’a sa\u011f klik yap\u0131yoruz. A\u00e7\u0131lan men\u00fcde Change Layout Type>Canvas’a t\u0131kl\u0131yoruz.<\/p>\n<\/p>\n<\/a><\/p>\n<\/p>\n<\/a><\/p>\n<\/p>\n
\nDockPanel’i incelemek i\u00e7in LayoutRoot’u daha \u00f6nce belirtti\u011fim gibi de\u011fi\u015ftiriyoruz.<\/p>\n<\/p>\n<\/p>\n<\/a><\/p>\n<\/p>\n<\/a><\/p>\n
\n
\nStackPanel<\/strong>
\nLayoutRoot’u StackPanel’e ayarl\u0131yoruz.<\/p>\n<\/p>\n<\/a><\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/a><\/p>\n<\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/p>\n
\nLayoutRoot’u WrapPanel’e ayarl\u0131yoruz.<\/p>\n<\/p>\n<\/a><\/p>\n<\/p>\n<\/a><\/p>\n<\/a><\/p>\n
\nObjelerinizi layout kontrolleri i\u00e7inde gruplayabilirsiniz. \u00d6rne\u011fin ben \u00e7al\u0131\u015fma alan\u0131na alttaki gibi bir kare, bir daire, bir buton ekledim.<\/p>\n
\n<\/a><\/p>\n