Bagikan melalui

Gambaran umum .NET MAUI Shell

  • Artikel

Browse sample. Telusuri sampel

.NET Multi-platform App UI (.NET MAUI) Shell mengurangi kompleksitas pengembangan aplikasi dengan menyediakan fitur-fitur mendasar yang dibutuhkan sebagian besar aplikasi, termasuk:

  • Satu tempat untuk menjelaskan hierarki visual aplikasi.
  • Pengalaman pengguna navigasi umum.
  • Skema navigasi berbasis URI yang mengizinkan navigasi ke halaman mana pun dalam aplikasi.
  • Pengatur pencarian terintegrasi.

Hierarki visual aplikasi

Dalam aplikasi .NET MAUI Shell, hierarki visual aplikasi dijelaskan dalam kelas yang mensubkelas Shell kelas. Kelas ini dapat terdiri dari tiga objek hierarki utama:

  1. FlyoutItem atau TabBar. mewakili FlyoutItem satu atau beberapa item dalam flyout, dan harus digunakan saat pola navigasi untuk aplikasi memerlukan flyout. mewakili TabBar bilah tab bawah, dan harus digunakan saat pola navigasi untuk aplikasi dimulai dengan tab bawah dan tidak memerlukan flyout. Untuk informasi selengkapnya tentang item flyout, lihat flyout .NET MAUI Shell. Untuk informasi selengkapnya tentang bilah tab, lihat tab .NET MAUI Shell.
  2. Tab, yang mewakili konten yang dikelompokkan, dapat dinavigasi oleh tab bawah. Untuk informasi selengkapnya, lihat tab .NET MAUI Shell.
  3. ShellContent, yang mewakili ContentPage objek untuk setiap tab. Untuk informasi selengkapnya, lihat halaman .NET MAUI Shell.

Objek ini tidak mewakili antarmuka pengguna apa pun, melainkan organisasi hierarki visual aplikasi. Shell akan mengambil objek ini dan menghasilkan antarmuka pengguna navigasi untuk konten.

Catatan

Halaman dibuat sesuai permintaan di aplikasi Shell, sebagai respons terhadap navigasi.

Untuk informasi selengkapnya, lihat Membuat aplikasi .NET MAUI Shell.

Pengalaman navigasi yang disediakan oleh .NET MAUI Shell didasarkan pada flyout dan tab. Tingkat atas navigasi di aplikasi Shell adalah flyout atau bilah tab bawah, tergantung pada persyaratan navigasi aplikasi. Contoh berikut menunjukkan aplikasi di mana tingkat navigasi atas adalah flyout:

Screenshot of a Shell flyout.

Dalam contoh ini, beberapa item flyout diduplikasi sebagai item bilah tab. Namun, ada juga item yang hanya dapat diakses dari flyout. Memilih item flyout menghasilkan tab bawah yang mewakili item yang dipilih dan ditampilkan:

Screenshot of Shell bottom tabs.

Catatan

Saat flyout tidak terbuka, bilah tab bawah dapat dianggap sebagai tingkat navigasi atas di aplikasi.

Setiap tab pada bilah tab menampilkan ContentPage. Namun, jika tab bawah berisi lebih dari satu halaman, halaman dapat dinavigasi oleh bilah tab atas:

Screenshot of Shell top tabs.

Dalam setiap tab, objek tambahan ContentPage yang dikenal sebagai halaman detail, dapat dinavigasi ke:

Screenshot of Shell page navigation.

Shell menggunakan pengalaman navigasi berbasis URI yang menggunakan rute untuk menavigasi ke halaman mana pun di aplikasi, tanpa harus mengikuti hierarki navigasi yang ditetapkan. Selain itu, aplikasi ini juga menyediakan kemampuan untuk menavigasi kembali tanpa harus mengunjungi semua halaman di tumpukan navigasi. Untuk informasi selengkapnya, lihat navigasi .NET MAUI Shell.

.NET MAUI Shell menyertakan fungsionalitas pencarian terintegrasi yang disediakan oleh SearchHandler kelas . Kemampuan pencarian dapat ditambahkan ke halaman dengan menambahkan objek subkelas SearchHandler ke dalamnya. Ini menghasilkan kotak pencarian yang ditambahkan di bagian atas halaman. Saat data dimasukkan ke dalam kotak pencarian, area saran pencarian diisi dengan data:

Screenshot of Shell search.

Kemudian, ketika hasil dipilih dari area saran pencarian, logika kustom dapat dijalankan seperti menavigasi ke halaman detail.

Untuk informasi selengkapnya, lihat pencarian .NET MAUI Shell.