2

enter image description hereКак создать этот макет в Android?

Мой вопрос в деталях 1- Я хочу, чтобы панель инструментов в форме полукруга с освещением цвета перед ним 2- создать нечто вроде круга, окруженного 6 небольших частей круга, который имеет стрелка относится к каждой категории при нажатии. 3-каждая категория должна иметь подходящий размер области, доступной для кликов.

Любые подсказки или учебники могут помочь мне реализовать этот макет?

+0

Каковы ожидаемые взаимодействия здесь?Я понимаю, что все категории доступны для просмотра. А как насчет круга посередине? Можете ли вы что-то сделать с этим, или это просто статическое изображение? –

+0

@MarcinJedynak Маленькая стрелка имеет динамическое перемещение при нажатии этой категории, она указывает на нее. –

+2

Я думаю, что вы смотрите на пользовательский вид и рисуете его вручную здесь с помощью пользовательского отслеживания ударов. Его слишком непрямоугольная для файла макета, чтобы хорошо работать. –

ответ

4

Это индивидуальный макет, разработанный вашим дизайнером и стандартным стандартом Android, может не соответствовать вашему требованию. Будет много вариантов для продолжения. Вам необходимо выбрать подход, который Mach лучше вашему требованию и создать адаптивный интерфейс пользователя (Установочный правильно на большинстве Android устройств)

Вариант 1:

Полностью спроектировать макет принимать различные образы меню от дизайнера. Создайте свой собственный класс виджетов. Рисовать центр круга в соответствии с выбранным значением. обновлять макет при каждом нажатии пользователем любого пункта меню. Здесь вам нужно написать свою собственную логику, чтобы захватывать разные события onClick и onTouch. Этот вариант требует много логики, но вы получите больше точности. Я предпочитаю эту опцию много раз. Вы можете перейти к ссылкам ниже, чтобы понять, как создать пользовательский виджет в Android.

Custom Drawing

Custom Views

Compound Views

Вариант 2: Эта опция, чтобы пользователю чувствовать себя как экран ведет себя так же, как требование.

Возьмите 6 различных фоновых изображений с центром в центре динамического круга. Измените фон по выбранному значению. И поместите изображения меню с помощью RelativeLayout. Если вы видите, что изображения в меню можно легко поместить на задний план с использованием Относительной компоновки, поскольку два из них: parent_left, два - parent_right, один - parent_top и center, один - parent_bottom и center.

Это самый простой вариант для реализации, может дать меньше точности, но вы всегда можете сказать дизайнеру слегка настроить центр, согласно вашему расположению. для такого типа пользовательского интерфейса разработчик и разработчик должны приспосабливаться к нескольким вещам.

Вариант 3: Используйте виджет с открытым исходным кодом и настройте его по мере необходимости. Но будьте осторожны в отношении лицензий и/или платных версий и всех. Ознакомьтесь с условиями и положениями.

Многие из них доступны на Google, я чувствую это лучший

Circle Menu Widget

Radial Menu Widget

Rotate Menu Widget

Смежные вопросы