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

Question

NiKoTiN1 @NiKoTiN1

C#
Xamarin

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

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

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

Вопрос задан более трёх лет назад
113 просмотров

13 комментариев

Подписаться 2 Простой 13 комментариев

Foggy Finder @FoggyFinder

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

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

Написано более трёх лет назад
NiKoTiN1 @NiKoTiN1 Автор вопроса

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

Написано более трёх лет назад
Foggy Finder @FoggyFinder

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

Написано более трёх лет назад
NiKoTiN1 @NiKoTiN1 Автор вопроса

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

Написано более трёх лет назад
Foggy Finder @FoggyFinder

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

Написано более трёх лет назад
NiKoTiN1 @NiKoTiN1 Автор вопроса

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

Написано более трёх лет назад
Foggy Finder @FoggyFinder

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

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

Написано более трёх лет назад
Foggy Finder @FoggyFinder

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

Написано более трёх лет назад
NiKoTiN1 @NiKoTiN1 Автор вопроса

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

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

Написано более трёх лет назад
Foggy Finder @FoggyFinder

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

Написано более трёх лет назад
NiKoTiN1 @NiKoTiN1 Автор вопроса

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

Написано более трёх лет назад
Foggy Finder @FoggyFinder

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

Написано более трёх лет назад

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>

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

C#

+1 ещё

Простой
Как решить проблему database is locked?
- 1 подписчик
- вчера
- 75 просмотров
1

ответ
C#

Простой
C# и несколько CPU?
- 6 подписчиков
- 15 апр.
- 3728 просмотров
3

ответа
C#

+1 ещё

Простой
Как сделать смену обьекта при приближении?
- 1 подписчик
- 14 апр.
- 71 просмотр
1

ответ
Windows

+2 ещё

Простой
Как обеспечить относительный путь к БД SQLite?
- 1 подписчик
- 14 апр.
- 117 просмотров
3

ответа
C#

+1 ещё

Простой
Как понять что я выучил основы C#?
- 1 подписчик
- 12 апр.
- 473 просмотра
4

ответа
C#

+1 ещё

Средний
Почему не работают миграции при переходе на новый csproj формат?
- 1 подписчик
- 12 апр.
- 54 просмотра
1

ответ
C#

Простой
Что означает оператор => в linq c#?
- 1 подписчик
- 12 апр.
- 135 просмотров
2

ответа
C#

+1 ещё

Простой
Почему некорректно работает параметр маршрутизатора Razor Pages?
- 1 подписчик
- 11 апр.
- 53 просмотра
1

ответ
C#

Простой
Как сделать чтобы приложение для win ce открывалось на весь экран?
- 1 подписчик
- 11 апр.
- 52 просмотра
1

ответ
C#

+3 ещё

Простой
Как решить проблему подключения БД к WPF проекту?
- 1 подписчик
- 11 апр.
- 86 просмотров
2

ответа
Показать ещё Загружается…

Разработчик C# (криптография)

Avanpost

от 200 000 ₽

Middle+ .Net(C#) developer

Zam.io

от 200 000 до 300 000 ₽

Middle C# developer

ЮГПА • Ростов-на-Дону

от 130 000 до 170 000 ₽

Взлом автомобильной программы

19 апр. 2024, в 05:01

999999 руб./за проект

Доработать телеграм бота

19 апр. 2024, в 03:52

1000 руб./за проект

Написать код на python

19 апр. 2024, в 03:01

1000 руб./за проект

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

Что делать если элементов больше 3-х? или наоборот меньше?
Foggy Finder, Данный пример я заскринил в гугле. Я хотел бы создать в Xamarin
NiKoTiN1, я это понимаю, поэтому и пытаюсь уточнить желаемый результат
Foggy Finder, на странице будет 2 колонки и большое кол-во строк, причем все эти элементы должны быть одинаковыми по рамеру.
NiKoTiN1, вы можете определить свой тип данных который будет содержать два элемента - пару картинок. А дальше просто задать ItemTemplate для него.
Foggy Finder, А как это сделать? Можете посоветовать какую-нибудь литературу?
NiKoTiN1, в документации все есть:

https://docs.microsoft.com/en-us/xamarin/xamarin-f...
NiKoTiN1, если не будет получается - не стесняйтесь спрашивать
Foggy Finder, Хорошо) Недавно тыкал в замарине и получилось подобное:

И теперь нужно сделать собственный класс унаследованный от button?
NiKoTiN1, не обязательно, зависит от дальнейшего использования
Foggy Finder, нужно чтобы по нажатию на кнопку открывалась новая страница. Меня впринцепе устраивает данный вид, но надо чтобы картинка масштабировалась и виглядела примерно так:
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">  <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 · 2019-10-30 10:18:38

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

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт