Как сделать визуальный компонент?

Question

[NiKoTiN1]

Новичок в xamarin forms. Очень хотелось бы создать что-то подобное:

Не могу понять, как ее создать.

Comments

[Foggy Finder]

Не совсем понятно чем вам не подходят уже существующие.

Что делать если элементов больше 3-х? или наоборот меньше?

[NiKoTiN1]

Foggy Finder, Данный пример я заскринил в гугле. Я хотел бы создать в Xamarin

[Foggy Finder]

NiKoTiN1, я это понимаю, поэтому и пытаюсь уточнить желаемый результат

[NiKoTiN1]

Foggy Finder, на странице будет 2 колонки и большое кол-во строк, причем все эти элементы должны быть одинаковыми по рамеру.

[Foggy Finder]

NiKoTiN1, вы можете определить свой тип данных который будет содержать два элемента - пару картинок. А дальше просто задать ItemTemplate для него.

[NiKoTiN1]

Foggy Finder, А как это сделать? Можете посоветовать какую-нибудь литературу?

[Foggy Finder]

NiKoTiN1, в документации все есть:

https://docs.microsoft.com/en-us/xamarin/xamarin-f...

[Foggy Finder]

NiKoTiN1, если не будет получается - не стесняйтесь спрашивать

[NiKoTiN1]

Foggy Finder, Хорошо) Недавно тыкал в замарине и получилось подобное:

И теперь нужно сделать собственный класс унаследованный от button?

[Foggy Finder]

NiKoTiN1, не обязательно, зависит от дальнейшего использования

[NiKoTiN1]

Foggy Finder, нужно чтобы по нажатию на кнопку открывалась новая страница. Меня впринцепе устраивает данный вид, но надо чтобы картинка масштабировалась и виглядела примерно так:

[Foggy Finder]

NiKoTiN1, покажите код который у вас есть сейчас

[NiKoTiN1]

Foggy Finder,

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:local="clr-namespace:Test8"
             mc:Ignorable="d"
             x:Class="Test8.list"
             Title="list"
             Icon="list.png">

    <!--<StackLayout x:Name="ListView1" Orientation="Vertical" VerticalOptions="Start">
        
    </StackLayout>-->

    <FlexLayout >
        <Button Text="Archy" Image="archy.jpg" ContentLayout="Top,0" HeightRequest="200" WidthRequest="150"/>
        <Button Text="Elithabeth" Image="img.jpg" ContentLayout="Top,0" HeightRequest="200" WidthRequest="150"/>
    </FlexLayout>
</ContentPage>

Answer 1

[Евгений Степанов]

Берешь Frame, делаешь ему IsClippedToBounds="true" и Padding="0". Вставляешь в него StackLayout в который вкладываешь Image с Aspect="AspectFill" и две Label с разными шрифтами. Разместить можно либо в обычном ScrollView с Orientation="Horizontal" внутрь которого вкладываешь StackLayout(тот-же orientation) с BindableLayout, либо CollectionView либо какой-то HorizontalListView с NuGet