Сегментированный контроль цвета градиента в формах ксамарина

Question

Мне нужна ваша помощь.

Я хочу сделать сегментированные элементы управления градиентным фоновым цветом в формах xamarin, как на этом скриншоте. Как я могу это сделать? Любая идея? Спасибо.

Альтернативная ссылка: Альтернативная ссылка

Answer 1

Вы можете использовать PancakeView: https://github.com/sthewissen/Xamarin.Forms.PancakeView

Этот вид поддерживает закругленный угол, тень и градиенты (с начальным и конечным цветом, а также с углом наклона).

Вы можете иметь PancakeView для фона (с белым фоном, закругленным углом и тенью) и внутри StackLayout (или Grid) с двумя Label "Существующим пользователем" и "Новым пользователем". Каждое Label с GestureRecognizer, поэтому при нажатии вы можете отобразить еще один PancakeView с градиентным фоном между Label и PancakeView в фоновом режиме.

Вы должны встроить все в Grid, чтобы вы могли отображать слои сверху каждого. Это может быть сложно для микроуправления, но это выполнимо без особых усилий.