Panduan Kontrol WinUI 3 C++ — Bilah Pesan InfoBar

InfoBar adalah kotak teks berwarna. Ia dapat menampilkan warna berbeda untuk menunjukkan pesan sukses, peringatan, atau kesalahan. Setelah pesan muncul, InfoBar bisa ditutup, status tampil dan sembunyi dapat diatur melalui kode backend.

Pertama tambahkan tiga InfoBar di dalam XAML

    <StackPanel Spacing="10">
        <TextBlock Text="Demo Bilah Pesan InfoBar:" FontSize="16"/>
        <InfoBar x:Name="InfoSuccess" Severity="Success" Title="Berhasil" Message="Operasi selesai dengan baik." IsOpen="False"/>
        <InfoBar x:Name="InfoWarning" Severity="Warning" Title="Peringatan" Message="Terdapat perubahan yang belum disimpan." IsOpen="False"/>
        <InfoBar x:Name="InfoError" Severity="Error" Title="Kesalahan" Message="Gagal memuat berkas, silakan coba ulang." IsOpen="False"/>
        <StackPanel Orientation="Horizontal" Spacing="10">
            <Button Content="Tampilkan Pesan Berhasil" Click="BtnShowInfoSuccess_Click"/>
            <Button Content="Tampilkan Peringatan" Click="BtnShowInfoWarning_Click"/>
            <Button Content="Tampilkan Pesan Kesalahan" Click="BtnShowInfoError_Click"/>
        </StackPanel>
    </StackPanel>Code language: HTML, XML (xml)

Kemudian tambahkan tiga tombol beserta event klik. Di dalam fungsi event, atur status tampil dan tutup setiap bilah pesan.

void winrt::AppWinui::implementation::MainWindow::BtnShowInfoSuccess_Click(
winrt::Windows::Foundation::IInspectable const& sender, winrt::Microsoft::UI::Xaml::RoutedEventArgs const& e)
{
    InfoSuccess().IsOpen(true);
    InfoWarning().IsOpen(false);
    InfoError().IsOpen(false);
}

void winrt::AppWinui::implementation::MainWindow::BtnShowInfoWarning_Click(
winrt::Windows::Foundation::IInspectable const& sender, winrt::Microsoft::UI::Xaml::RoutedEventArgs const& e)
{
    InfoSuccess().IsOpen(false);
    InfoWarning().IsOpen(true);
    InfoError().IsOpen(false);
}

void winrt::AppWinui::implementation::MainWindow::BtnShowInfoError_Click(
winrt::Windows::Foundation::IInspectable const& sender, winrt::Microsoft::UI::Xaml::RoutedEventArgs const& e)
{
    InfoSuccess().IsOpen(false);
    InfoWarning().IsOpen(false);
    InfoError().IsOpen(true);
}
Code language: C++ (cpp)

Panduan Kontrol WinUI 3 C++ — Bilah Pesan InfoBar