Navigation Aksiyonları ile Prototipleme

Aksiyon ekleme işlemini gerçekleştirmek için ilgili elementin ya da ekranın Properties panelini kullanıyoruz.

1. Action eklemek istediğiniz elementi seçin. Bu uygulama kapsamında daha önce hazırlamış olduğumuz Dashboard ekranında yer alan Menu iconunu seçelim.
2. Properties ⟶ Add Actions ⟶ Navigation seçimlerini yapalım ve gelen aksiyon listesini inceleyelim. Navigate başlığı altında Generate Link, Get All Menu Items, Get Authorized Menu Items, Go Back ve Navigate olmak üzere aksiyonlar bulunur. Navigate aksiyonunu seçerek ilerleyelim.

Navigate aksiyonu ekranlar arasında geçişi sağlarken açılacak ekranın ekran açma yöntemini sizin tercihinize bırakır.

Current Screen açık olan ekran üzerinde yeni bir ekranın açılmasına olanak sağlar.

New Tab, açılacak olan ekranın tarayıcıda yeni bir sekmede açılmasını sağlar.

Açık olan mevcut ekranda başka bir ekranın açılmasını istiyorsanız Drawer kullanabilirsiniz. Drawer'lar, açık ekranın sağ, sol, üst ve alt kenarlarında kayarak ekran içerisinde görünür.

Modal / Pop-up ise açık ekranın ortasında ve sizin belirleyeceğiniz boyutta açılan yardımcı penceredir.

Navigate aksiyonu altında çıkan ekrandan açılacak ekran olarak Left Menu ekranını seçin. Ekran açma yöntemini ise Drawer olarak seçin. Ekran açılış yönünü Left olarak seçin ve Close butonu aracılığıyla aksiyon ekleme işlemini tamamlayın.

İşte prototip örneğiniz hazır!