Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, "Kötü ile Arayüz Programlama" derslerinin bir parçası olup, bir eğitmen tarafından sunulan Qt Designer kullanarak arayüz tasarımı eğitimidir.
- Video, iki ana bölümden oluşmaktadır. İlk bölümde Qt Designer'da araç kutusu (toolbar) oluşturma, toolbar ikon kullanımı, kısayol tuşu tanımlama ve tasarım özellikleri anlatılmaktadır. İkinci bölümde ise renk seçimi arayüzü geliştirme süreci gösterilmekte, Star Shift özelliği kullanılarak renk tanımlamaları yapılmakta ve toggle sinyali ile siyah renk için ikili durum sinyali uygulanmaktadır.
- Eğitim, Qt Designer'da QAction nesnelerinin kullanımı, toolbar'ın özelliklerinin ayarlanması, signal-slot kullanımı, font ayarları ve style sheets kullanımı gibi temel konuları kapsamaktadır. Ayrıca, Qt Designer'da yapılan değişikliklerin kod karşılığı da gösterilmektedir.
- 00:10Araç Kutusu Kullanımı ve Özellikleri
- Bu derste araç kutusu (toolbar) kullanımı ve özellikleri ile arayüz geliştirme yapılacak.
- Önceki derste menü eklendi ve üç farklı renk seçeneği sunuldu.
- Araç kutusunda tuşlar tanımlanacak ve bu tuşlara görevler verilecek.
- 01:07Araç Kutusu Özellikleri
- Araç kutusu oluşturma, ikon kullanımı, kısayol tuşu tanımlama ve tasarım özellikleri konuları ele alınacak.
- Araç kutusunun sadece ikonlardan oluşması veya ikonun altında yazı olması şeklinde ayarlanabilir.
- Araç kutusu hareket ettirilebilir (movable) özelliği sayesinde farklı bölgelere taşınabilir.
- 02:18Arayüz Tasarımı
- Menü barın fontu bold yapılarak ve rengi koyu hale getirilerek arayüz tasarımı yapıldı.
- Q actionların font büyüklüğü, kalınlığı ve inceliği ayarlanabilir.
- Pencere adı "Ders 9.60" olarak değiştirildi ve status barın font büyüklüğü arttırıldı.
- 04:08Araç Kutusu Oluşturma
- Araç kutusu oluşturmak için action editörü kullanılarak menüde oluşturulan action'lar sürükle bırak tekniği ile toolbar'a taşınır.
- Toolbar dışındaki yerlere action'lar bırakılamaz, sadece toolbar'a bırakıldığında artı işareti görünür.
- Araç kutusuna sağ tıklayıp "append separator" seçeneği ile menüler arasına ayırıcı çizgi eklenebilir.
- 05:30Yeni Action Tanımlama
- Araç kutusuna menüde olmayan yeni Q action nesneleri de tanımlanabilir.
- Action editöründe "new" butonuna tıklayarak yeni action nesnesi oluşturulabilir.
- Tool tip özelliği kullanılarak araç kutusunun işlevi kullanıcıya açıklayıcı bir metinle gösterilebilir.
- 08:22Araç Kutusu Özellikleri
- Object inspector kısmında main toolbar'ın ikon büyüklüğü ayarlanabilir.
- Toolbar'ın yatay veya dikey sıralanması yapılabilir.
- Tool buton style özelliği ile sadece ikonlar, ikonun altında yazı veya sadece yazı görünümü seçilebilir.
- 10:00Kullanıcı İzinleri ve Durum Çubuğu
- Kullanıcının araç kutusunu hareket ettirme izni ayarlanabilir.
- Kullanıcının araç kutusunu arayüzün dışına taşıma izni de kontrol edilebilir.
- Durum çubuğunda seçilen renk tonunda kullanıcıya bilgiler sunulabilir.
- 13:27Renk Tanımlamaları ve Toggle Sinyali
- Star shift özelliği kullanılarak kırmızı, mavi, yeşil ve sarı renkler için kullanıcıya uyarılar sunuluyor.
- Siyah renk için toggle (ikili durum) sinyali kullanılıyor ve bu sinyal için çekable özelliğinin seçilmesi gerekiyor.
- Toggle sinyali için "go to slot" seçeneği kullanılarak toggle bool tipinde bir değişken alanı oluşturuluyor.
- 15:14Toggle Sinyali Kullanımı
- Toggle sinyali true veya false değerlerini alabilir ve if-else yapısı kullanılarak bu değerler kontrol ediliyor.
- Durum çubuğuna siyah ve beyaz renk seçimleri için açıklamalar yazılıyor.
- Set text fonksiyonu kullanılarak durum çubuğuna yazı ve ikon değişimi yapılıyor.
- 17:12İkon Tanımlama ve Test
- Set ikon fonksiyonu Q ikon tipinde değişken olarak kullanılıyor ve ikonun bulunduğu yolu belirtmek gerekiyor.
- Doğru bir tanımlama yapıldığında, mouse imleci klasör yolu tanımının olduğu yere getirildiğinde ikon görüntülenebiliyor.
- Kodların doğruluğu test edildiğinde, siyah ve beyaz renk seçimleri için ikonlar ve açıklamalar doğru şekilde görüntüleniyor.
- 19:21Arayüz Tasarımı
- Arayüz ekranında ikonları göstermek için Q frame kullanımı yapılıyor.
- Frame widget box içerisinde yer alan konteyners alt bölümünden sürükle bırak tekniği ile ekleniyor.
- Frame'in boyutları ayarlanıyor ve arayüzün sol ve sağ kısımlarından 100 birimlik boşluk bırakılıyor.
- 21:31Frame Özellikleri ve Son Ayarlar
- Frame için border image özelliği kullanılarak arayüze ikon ekleniyor.
- Set starsht fonksiyonu kullanılarak frame'in border image özelliği kodlanıyor.
- Set tool type fonksiyonu kullanılarak tooltip açıklaması değiştiriliyor ve iki durumlu çalışan butonda da bu fonksiyon kullanılabilir.