Bagikan melalui


Xamarin.Forms Kuas: Warna solid

Kelas ini SolidColorBrush berasal dari Brush kelas , dan digunakan untuk melukis area dengan warna solid. Ada berbagai pendekatan untuk menentukan warna SolidColorBrush. Misalnya, Anda dapat menentukan warnanya dengan Color nilai atau dengan menggunakan salah satu objek yang telah SolidColorBrush ditentukan sebelumnya yang disediakan oleh Brush kelas.

Kelas SolidColorBrush mendefinisikan Color properti, dari jenis Color, yang mewakili warna kuas. Properti ini didukung oleh BindableProperty objek, yang berarti dapat menjadi target pengikatan data, dan ditata.

Kelas ini SolidColorBrush juga memiliki IsEmpty metode yang mengembalikan bool yang mewakili apakah kuas telah diberi warna.

Membuat SolidColorBrush

Ada tiga teknik utama untuk membuat SolidColorBrush. Anda dapat membuat SolidColorBrush dari Color, menggunakan kuas yang telah ditentukan sebelumnya, atau membuat SolidColorBrush menggunakan notasi heksadesimal.

Menggunakan Warna yang telah ditentukan sebelumnya

Xamarin.Forms menyertakan pengonversi jenis yang membuat SolidColorBrush dari Color nilai. Di XAML, ini memungkinkan SolidColorBrush untuk dibuat dari nilai yang telah Color ditentukan sebelumnya:

<Frame Background="DarkBlue"
       BorderColor="LightGray"
       HasShadow="True"
       CornerRadius="12"
       HeightRequest="120"
       WidthRequest="120" />

Dalam contoh ini, latar belakang dicat Frame dengan biru SolidColorBrushtua :

Bingkai dicat dengan Warna yang telah ditentukan sebelumnya

Atau, Color nilai dapat ditentukan menggunakan sintaks tag properti:

<Frame BorderColor="LightGray"
       HasShadow="True"
       CornerRadius="12"
       HeightRequest="120"
       WidthRequest="120">
       <Frame.Background>
           <SolidColorBrush Color="DarkBlue" />
       </Frame.Background>
</Frame>

Dalam contoh ini, latar belakang Frame dicat dengan SolidColorBrush warna yang ditentukan dengan mengatur SolidColorBrush.Color properti.

Menggunakan Brush yang telah ditentukan sebelumnya

Kelas Brush mendefinisikan sekumpulan objek yang umum digunakan SolidColorBrush . Contoh berikut menggunakan salah satu objek yang telah SolidColorBrush ditentukan sebelumnya ini:

<Frame Background="{x:Static Brush.Indigo}"
       BorderColor="LightGray"
       HasShadow="True"
       CornerRadius="12"
       HeightRequest="120"
       WidthRequest="120" />       

Kode C# yang setara adalah:

Frame frame = new Frame
{
    Background = Brush.Indigo,
    BorderColor = Color.LightGray,
    // ...
};

Dalam contoh ini, latar belakang Frame dicat dengan indigo SolidColorBrush:

Bingkai dicat dengan SolidColorBrush yang telah ditentukan sebelumnya

Untuk daftar objek yang telah SolidColorBrush ditentukan sebelumnya yang disediakan oleh Brush kelas, lihat Kuas warna solid.

Gunakan notasi heksadesimal

SolidColorBrush objek juga dapat dibuat menggunakan notasi heksadesimal. Dengan pendekatan ini, warna ditentukan dalam hal jumlah merah, hijau, dan biru untuk digabungkan menjadi satu warna. Format utama untuk menentukan warna menggunakan notasi heksadesimal adalah #rrggbb, di mana:

  • rr adalah angka heksadesimal dua digit yang menentukan jumlah relatif merah.
  • gg adalah angka heksadesimal dua digit yang menentukan jumlah relatif hijau.
  • bb adalah angka heksadesimal dua digit yang menentukan jumlah relatif biru.

Selain itu, warna dapat ditentukan sebagai #aarrggbb tempat aa menentukan nilai alfa, atau transparansi, warna. Pendekatan ini memungkinkan Anda membuat warna yang sebagian transparan.

Contoh berikut mengatur nilai warna notasi SolidColorBrush heksadesimal menggunakan:

<Frame Background="#FF9988"
       BorderColor="LightGray"
       HasShadow="True"
       CornerRadius="12"
       HeightRequest="120"
       WidthRequest="120" />

Dalam contoh ini, latar belakang dicat Frame dengan salmon berwarna SolidColorBrush:

Bingkai dicat dengan SolidColorBrush yang dibuat menggunakan notasi heksadesimal

Untuk cara lain menjelaskan warna, lihat Warna di Xamarin.Forms.

Kuas warna solid

Untuk kenyamanan, Brush kelas menyediakan sekumpulan objek yang umum digunakan SolidColorBrush , seperti AliceBlue dan YellowGreen. Gambar berikut menunjukkan warna setiap kuas yang telah ditentukan sebelumnya, namanya, dan nilai heksadesimalnya:

Tabel warna termasuk swatch warna, nama warna, dan nilai heksadesimal