AutoPlay Media Studio – Sabit Menü ve Değişen İçerik Alanı Oluşturma

[immortim]

S.a. arkadaşlar ben AIO program hazırlamaya çalışıyorum ve sayfamın soluna menü yaptım. sayfalara tıkladıkça sağ taraftaki içeriğin değişmesi lazım. ne yazıkki yapamadım. menüyü sbit tutup sadeçe sağ taraftaki içeriğin değişmesini sağlayamadım. herseferinde menüde değişiyor ve her sayfa için menülere tekrar link vermem gerekiyor. bu konuda yardımlarınızı bekliyorum. şimdiden teşekkür ederim

 

[guclusat]

http://www.uydudoktoru.com/threads/autoplay-media-studio-egitim-seti.3672/

http://www.uydudoktoru.com/threads/aio-yapimi-goruntulu-ders.4024/

http://www.uydudoktoru.com/threads/aio-dersleri-koleksiyon.4021/

http://www.uydudoktoru.com/threads/aio-dersleri-programi-basit-anlatimli.3964/

yukarda videolu anlatımlı olarak aio nasıl yapılır anlatımları mevcuttur. pdf ve doc ekleme yapabilirsiniz.Arkadaşım..

http://www.uydudoktoru.com/threads/...ulere-icon-atamak-nasil-yapilir-resimli.4020/

linkleri incele arkadaşım sana çok yardımcı olacaklardır..

 

[guclusat]

Sabit Menü ve Değişen İçerik Alanı​

AutoPlay Media Studio ile AIO uygulaması hazırlarken sık karşılaşılan durumlardan biri, ekranın sol tarafında bulunan menünün sabit kalması, menüdeki bir seçeneğe tıklandığında ise yalnızca sağ taraftaki içeriğin değişmesidir.

Örneğin:

Burada amaç, her menü seçeneğinde yeni bir sayfaya geçmek yerine ana sayfayı değiştirmeden içerik bölümünü değiştirmektir.

En pratik yöntem: Panel kullanmak​

Bunun için ana sayfada sol taraftaki menüyü oluşturup sağ tarafta bir Panel kullanabilirsiniz.

Örneğin:

Page1
│
├── Panel_Menu
│ ├── Button_Elektronik
│ ├── Button_Uydu
│ ├── Button_Amfi
│ └── Button_SMPS
│
└── Panel_Icerik
Sol taraftaki Panel_Menu hiç değiştirilmez.

Sağ taraftaki Panel_Icerik içerisindeki nesneler ise menü seçimine göre değiştirilir.

Örnek​

Elektronik butonuna basıldığında:
Panel.SetVisible("Panel_Elektronik", true);
Panel.SetVisible("Panel_Uydu", false);
Panel.SetVisible("Panel_Amfi", false);
Panel.SetVisible("Panel_SMPS", false);
Uydu butonuna basıldığında:

Panel.SetVisible("Panel_Elektronik", false);
Panel.SetVisible("Panel_Uydu", true);
Panel.SetVisible("Panel_Amfi", false);
Panel.SetVisible("Panel_SMPS", false);
Bu şekilde sol menü yerinde kalır, sadece sağ taraftaki içerik değişir.

Daha düzenli yöntem​

Çok sayıda kategori varsa her kategori için ayrı Panel oluşturabilirsiniz:
Panel_Elektronik
Panel_Uydu
Panel_Amfi
Panel_SMPS
Panel_Video
Başlangıçta yalnızca bir panel görünür:

Panel.SetVisible("Panel_Elektronik", true);
Panel.SetVisible("Panel_Uydu", false);
Panel.SetVisible("Panel_Amfi", false);
Panel.SetVisible("Panel_SMPS", false);
Panel.SetVisible("Panel_Video", false);
Menü butonlarına tıklandığında ilgili panel görünür, diğerleri gizlenir.

Sayfa değiştirmek neden sorun oluşturuyor?​

Her kategori için ayrı Page kullanırsanız:

Page1 → Menü
Page2 → Elektronik
Page3 → Uydu
Page4 → Amfi
Page5 → SMPS
şeklinde bir yapı oluşur.

Bu durumda menünün her sayfada tekrar oluşturulması veya tekrar bağlantı verilmesi gerekir.

Oysa tek Page üzerinde Panel kullanırsanız:
Page1
├── Sol Menü
└── Sağ İçerik
şeklinde çalışır.

Böylece menüyü yalnızca bir kez hazırlamanız yeterlidir.

AIO uygulaması için önerilen yapı​

Daha büyük projelerde aşağıdaki yapı oldukça kullanışlıdır:

ANA SAYFA
│
├── SOL MENÜ
│ ├── Ana Sayfa
│ ├── Elektronik
│ ├── Uydu
│ ├── TV
│ ├── Güç Kaynakları
│ └── Videolar
│
└── SAĞ İÇERİK
├── Ana Sayfa Paneli
├── Elektronik Paneli
├── Uydu Paneli
├── TV Paneli
├── Güç Kaynakları Paneli
└── Videolar Paneli
Bu yapının avantajı, uygulamanın tamamını tek bir ana ekran üzerinde kontrol edebilmenizdir.

Daha gelişmiş bir yöntem​

İçerik çok büyükse bütün sayfaları aynı anda oluşturmak yerine Dialog kullanarak sağ taraftaki içerik alanını değiştirmek de mümkündür.

Bu yöntemde sol menü sabit kalırken, seçilen menü öğesine göre farklı Dialog açılabilir.

Örneğin:

Sol Menü
↓
Elektronik
↓
Elektronik Dialog

Sol Menü
↓
Uydu
↓
Uydu Dialog
Bu yöntem özellikle çok fazla içerik bulunan AIO ve teknik arşiv uygulamalarında daha düzenli bir proje yapısı sağlayabilir.

Sonuç​

İstenen yapı için her menü seçeneğini ayrı bir Page yapmak yerine:

Tek ana Page + sabit sol menü + sağ tarafta Panel/Dialog içerik alanı

kullanmak daha uygundur.

Böylece:

• Sol menü sabit kalır.
• Menü bağlantılarını her sayfada tekrar oluşturmak gerekmez.
• Sadece sağdaki içerik değişir.
• AIO projesinin yönetimi kolaylaşır.
• Yeni kategori eklemek daha kolay olur.

Bu yapı, özellikle AIO, teknik arşiv, elektronik doküman ve eğitim uygulamalarında oldukça kullanışlıdır.