intranet-layoutlarin-kullanimi

QT'de Spacer Kullanımı
 
        Widget'larımızın birbirine orantılı olmalarını istiyorsak bunun için spacerları kullanabiliriz. Bunu bir örnekle inceleyelim. Mesela; Kullanıcı kodu, kullanıcı adı widgetının belli bir oranı kadar olsun. Öncelikle designer'ı açıp aşagıdaki ekranı yaratalım.
 
 
        Şimdi ekrana dikkat ederseniz Kullanıcı Kodu'nun yanına iki spacer koyduk. Ancak kullanıcı adının yanında bir spacer var. Bu da Kullanıcı kodu'nu kullanıcı adının yaklaşık yarısı yapar. Eğer kullanıcı kodunun yanına bir tane daha spacer koysaydık o zamanda kullanıcı kodu, kullanıcı adının 1/3 kadarı olurdu.
 
        Yukarıdaki tasarımı yaptıktan sonra şimdi de tum widget'ları seçelim(widgetları seçerken crtl ye basılı tutup mouse ile ıstediğiniz widget seçili hale getirebilirsiniz). Ve spacerların aktif olabilmesi için Layout in a Grid'e tıklayalım.
 

       Son olarak da hizalamak için spacer koyalım ve penceremizi seçip tekrar Layout in a Grid'e tıklayalım. Ancak dikkat widget'larımızın üzerine bir altına da iki spacer koyduk. Bu da widgetlarımızı tam olarak alttan, üste göre iki kat fazla boşluk bırakacak şekilde hizalayacaktır. Ana formun en dıştaki layoutun row ve column stretch'leri ayarlanır. Son olarak formda boş alana tıklanıp Layout in a Grid tıklanarak formun yeniden boyutlandırma sırasında düzgün bir şekilde boyutlandırılması sağlanır.

        Ve GUI'miz hazır. Bu şekilde tasarlanan GUI her zaman tekrar boyutlandırılma esnasında duzgun bir şekilde kendini boyutlandıracaktır. Son hali;
 
 
       Bu aşamada Layout seçilip strechleri ile her hücreye büyüme oranları atanmalıdır.
 
        Şimdi bu şekilde hazırlanan bir widget'ın farklı boyutlarda değişimine bakalım. Dikkat; Her size'da gayet düzgün bir şekilde kendini boyutlandırır. Normal Boyutu;
 
 
        Tam ekranda;
 
 
        Küçük boyutta;