Akay Yazılım Bloğu

Merhaba arkadaşlar bu yazımızda bir Metro Framework aracı olan MetroTile ile ilgili en çok kullanılan özelliklerinden bahsedeceğiz. Öncelikle Metro Framework kütüphanesini Visual Studio dan indirmemiz gerekiyor. Bunun için Tools=>Nuget Package Manager=>Manage Nuget Packages for Solution… dan indirmemiz gerekiyor. İlgili resim

İşaretli yerler dikkate alınarak Metro Framework indirilir. Daha sonra Formun toolbox kısmına sağ tıklayarak Choose Items diyerek Projemizin olduğu yerden Metro Framework kısmında ilgili kütüphaneden MetroFramework.dll kütüphanesini ekliyoruz. Daha sonra Formun kod kısmına şunu yazıyoruz.

 public partial class Form1 : Form  //Formun yazılı olduğu yere aşağıdaki yazı yazılacak
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {

        }
    }

namespace Metro
{
    public partial class Form1 : MetroFramework.Forms.MetroForm //Bu yazı yazılır.
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {

        }
    }
}

Bu işlemlerden sonra formun tasarımı aşağıdaki şekli alacaktır.

Toolbox tan MetroTile aracı seçilir. Burada toplam 8 tane seçtim. Siz projenize göre seçiminizi yaparsınız.

Sağ tarafta işaretli kısımları açıklayalım. Projenize uygun olanı seçenekleri uygularsınız.

TextAlign:Yazıyı hizalar.

Theme: Burada 3 seçenek var. Default,Light ve Dark .Default:Varsayılan

Light:Açık Renk

Dark:Koyu Renk

TileCount:Resimde de görüldüğü gibi metroTile nin sağ üstüne yazılan sayıyı temsil eder.

TileImage: metroTile ye resim yerleştirmek için kullandığımız kısımdır. Bu kısmın kullanılması için UseTileImage seçeneğinin true olması gerekmektedir. metroTilenin üzerine yerleştirdiğimiz resimleri buradan seçerek ekledik. Resmin boyutları 16*16 siz uygun olan büyüklüğü kendinize göre ayarlarsınız.

TileImageAlign: Bu kısım metroTile ye kullanılacak olan resmin nereye yerleştirileceğini belirler.

TileTextFontSize:Bu kısımda Small,Medium,Tall seçenekleri var. En büyük olanı Tall en küçük de Small. Yazı boyutlarını temsil eder.

TileTextFontWeight:Bu kısımda Light,Regular ve Bold seçenekleri var. Bu kısımda Bold yazıyı kalın yapar. Regular Ligh tan biraz daha büyüktür.

Diğer kısımlar için arkaplan rengini değiştirmek için UseCustomBackcolor seçeneğinin true olması gerekir. Yine aynı şekilde yazı rengini değiştirmek için de UseCustomForecolor true olması gerekir. UseStyleColors seçeneği de metroframework un belirlediği stilleri seçebilmek için de bu seçeneğin true olması gerekmektedir. Bizim yaptığımız çalışmanın son hali bu şekilde oldu.