Необычный макет

@CreatOne · Регистрация: 11.11.2016

Author24 — интернет-сервис помощи студентам

Добрый день! Недавно увлекся программированием под Android, поэтому просьба не судить строго. Итак, есть макет (см. рисунок). Там 3 кнопки и картинка. Все кнопки стоят статически и никуда не уходят, а вот картинка может свайпиться влево-вправо. Проблема в нижней части картинки, там есть арка в ней кнопка. Надо чтобы кнопка оставалась на месте, а картинка могла меняться. Т.е. при свайпе картинка проходит частично над кнопкой. Если вынести кнопку под блок, то проблем нет, все работает, но надо именно так. Можно это сделать? Все время кнопка располагается ниже блока. Поиск тоже не прояснил ситуацию, подскажите пожалуйста

@ExFau$t · 11.11.2016, 11:00

FloatingActionButton

Задаёшь ей позицию и будет висеть поверх всей разметки

@CreatOne · 11.11.2016, 12:17 **[ТС]**

Судя по докам, у нее нет позиции, да и размер задается только mini и normal. Или нет?

@ExFau$t · 11.11.2016, 12:21

или нет

Добавлено через 2 минуты
Наследуется от ImageButton, то есть width/heght и gravity как в обычной view.

Pablito · 11.11.2016, 12:48

я бы просто сделал обычный ImageView
если размер контейнера для картинок неизвестен - то вьюшке margin_top отричательный на полвину размера вьюшки
если размер контейнер известен то и понятно что вьюшке просто отступы задать
FrameLayout либо RelativeLayout

@CreatOne · 17.11.2016, 12:51 **[ТС]**

Кнопку разместил margin`ом, все хорошо, теперь новая проблема. Хотел фон (где написано swipe) сделать картинкой, но потом подумал что это не совсем правильно (там фон одноцветный, форма не сложная, зачем мне еще одна картинка, которая будет место занимать и решил через xml сделать). Сейчас пробую сделать через drawble layer-list, но никак не могу найти как вырезать полукруг внизу, под кнопку. Подскажите куда копать? Или может картинкой это правильный вариант?

Pablito · 17.11.2016, 12:57

Сообщение от CreatOne

но никак не могу найти как вырезать полукруг внизу, под кнопку.

никак не вырезать

Сообщение от CreatOne

Подскажите куда копать? Или может картинкой это правильный вариант?

копать в сторону уменьшения геморроя себе и окружающим

@CreatOne · 17.11.2016, 13:04 **[ТС]**

Ну а если есть такой дизайн? Получается вариант только с изображением?

@ExFau$t · 17.11.2016, 13:13

Сделай padding у кнопки, или borderWidth для FAB'а.

Pablito · 17.11.2016, 13:36

Сообщение от CreatOne

Получается вариант только с изображением?

либо картинка, либо вектором нарисовать, но по сути все равно это превратится в картинку потом

@CreatOne · 17.11.2016, 13:37 **[ТС]**

Сообщение от ExFau$t

Сделай padding у кнопки, или borderWidth для FAB'а.

Проблема не в кнопке, а в выемки под кнопку. Как отверстие вырезать через xml?

@ExFau$t · 17.11.2016, 13:41

CreatOne, ты нарисуешь у кнопки буфер и сделаешь его прозрачным, вот тебе и будет вырез.

@Antohsa · 17.11.2016, 13:43

Сообщение от CreatOne

Как отверстие вырезать через xml?

Через xml дырку не вырежешь...

@CreatOne · 17.11.2016, 13:45 **[ТС]**

Сообщение от ExFau$t

ты нарисуешь у кнопки буфер и сделаешь его прозрачным, вот тебе и будет вырез.

Не понял о чем речь

@ExFau$t · 17.11.2016, 13:53

CreatOne, короче:

XML

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<corners
android:radius="14dp"
/>
<solid
android:color="#4F4F4F"
/>
<padding
android:left="10dp"
android:top="10dp"
android:right="10dp"
android:bottom="10dp"
/>
<size
android:width="270dp"
android:height="60dp"
/>
<stroke
android:width="3dp"
android:color="#878787"
/>
</shape>

Сохрани это в drawable. И кнопке своей:

XML

1	android:background="@drawable/buttonshape"

@CreatOne · 17.11.2016, 14:23 **[ТС]**

Сообщение от ExFau$t

Сохрани это в drawable.

Понял идею, но не пойдет. Тут просто рамка у кнопки, а надо отступ

@ExFau$t · 17.11.2016, 14:31

Ну так и сделай её прозрачной.

Добавлено через 37 секунд
Я тебе специально с цветами вставил.

Добавлено через 1 минуту
Два нули после решётки припиши.

@CreatOne · 17.11.2016, 14:38 **[ТС]**

Сообщение от ExFau$t

Ну так и сделай её прозрачной.
Добавлено через 37 секунд
Я тебе специально с цветами вставил.
Добавлено через 1 минуту
Два нули после решётки припиши.

Тогда просто нижняя подложка видна.

@ExFau$t · 17.11.2016, 15:00

CreatOne, значит сделай вместо прозрачности цвет фона, который нужен.

@CreatOne · 17.11.2016, 15:12 **[ТС]**

Сообщение от ExFau$t

сделай вместо прозрачности цвет фона, который нужен.

Там фон не однородный, придется картинкой делать блок

@CreatOne 0 / 0 / 0 Регистрация: 11.11.2016 Сообщений: 12
	17.11.2016, 14:38 [ТС]	18
	Сообщение от ExFau$t Ну так и сделай её прозрачной. Добавлено через 37 секунд Я тебе специально с цветами вставил. Добавлено через 1 минуту Два нули после решётки припиши. Тогда просто нижняя подложка видна. Миниатюры 0

@ExFau$t 1570 / 1168 / 426 Регистрация: 08.05.2012 Сообщений: 5,219
	17.11.2016, 15:00	19
	CreatOne, значит сделай вместо прозрачности цвет фона, который нужен. 0

Новые блоги и статьи
Книги и учебные ресурсы по C# InfoMaster 08.01.2025 Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .	Что такое NullReferenceException и как исправить? InfoMaster 08.01.2025 NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .	Что такое Null Pointer Exception (NPE) и как это исправить? InfoMaster 08.01.2025 Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .	Русский язык в консоли C++ InfoMaster 08.01.2025 При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .	Telegram бот на C# InfoMaster 08.01.2025 Разработка ботов для Telegram стала неотъемлемой частью современной экосистемы мессенджеров. C# предоставляет мощный и удобный инструментарий для создания разнообразных ботов, от простых. . .	Использование GraphQL в Go (Golang) InfoMaster 08.01.2025 Go (Golang) является одним из наиболее популярных языков программирования, используемых для создания высокопроизводительных серверных приложений. Его архитектурные особенности и встроенные. . .
Что лучше использовать при создании класса в Java: сеттеры или конструктор? Alexander-7 08.01.2025 Вопрос подробнее: На вопрос: «Когда одновременно создаются конструктор и сеттеры в классе – это нормально?» куратор уточнил: «Ваш класс может вообще не иметь сеттеров, а только конструктор и геттеры. . .	Как работать с GraphQL на TypeScript InfoMaster 08.01.2025 Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .	Счётчик на базе сумматоров + регистров и генератора сигналов согласования. Hrethgir 07.01.2025 Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .	Как перейти с Options API на Composition API в Vue.js BasicMan 06.01.2025 Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .	Архитектура современных процессоров inter-admin 06.01.2025 Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .	История создания реляционной модели баз данных, правила Кодда Programming 06.01.2025 Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .

@CreatOne 0 / 0 / 0 Регистрация: 11.11.2016 Сообщений: 12
		1
	Необычный макет 11.11.2016, 10:42. Показов 1649. Ответов 21 Метки нет (Все метки) Добрый день! Недавно увлекся программированием под Android, поэтому просьба не судить строго. Итак, есть макет (см. рисунок). Там 3 кнопки и картинка. Все кнопки стоят статически и никуда не уходят, а вот картинка может свайпиться влево-вправо. Проблема в нижней части картинки, там есть арка в ней кнопка. Надо чтобы кнопка оставалась на месте, а картинка могла меняться. Т.е. при свайпе картинка проходит частично над кнопкой. Если вынести кнопку под блок, то проблем нет, все работает, но надо именно так. Можно это сделать? Все время кнопка располагается ниже блока. Поиск тоже не прояснил ситуацию, подскажите пожалуйста Миниатюры 0

@ExFau$t 1570 / 1168 / 426 Регистрация: 08.05.2012 Сообщений: 5,219
	11.11.2016, 11:00	2
	FloatingActionButton Задаёшь ей позицию и будет висеть поверх всей разметки 0

@CreatOne 0 / 0 / 0 Регистрация: 11.11.2016 Сообщений: 12
	11.11.2016, 12:17 [ТС]	3
	Судя по докам, у нее нет позиции, да и размер задается только mini и normal. Или нет? 0

@ExFau$t 1570 / 1168 / 426 Регистрация: 08.05.2012 Сообщений: 5,219
	11.11.2016, 12:21	4
	или нет Добавлено через 2 минуты Наследуется от ImageButton, то есть width/heght и gravity как в обычной view. 0

Pablito 2884 / 2296 / 769 Регистрация: 12.05.2014 Сообщений: 7,978
	11.11.2016, 12:48	5
	я бы просто сделал обычный ImageView если размер контейнера для картинок неизвестен - то вьюшке margin_top отричательный на полвину размера вьюшки если размер контейнер известен то и понятно что вьюшке просто отступы задать FrameLayout либо RelativeLayout 0

@CreatOne 0 / 0 / 0 Регистрация: 11.11.2016 Сообщений: 12
	17.11.2016, 12:51 [ТС]	6
	Кнопку разместил margin`ом, все хорошо, теперь новая проблема. Хотел фон (где написано swipe) сделать картинкой, но потом подумал что это не совсем правильно (там фон одноцветный, форма не сложная, зачем мне еще одна картинка, которая будет место занимать и решил через xml сделать). Сейчас пробую сделать через drawble layer-list, но никак не могу найти как вырезать полукруг внизу, под кнопку. Подскажите куда копать? Или может картинкой это правильный вариант? 0

Pablito 2884 / 2296 / 769 Регистрация: 12.05.2014 Сообщений: 7,978
	17.11.2016, 12:57	7
	Сообщение от CreatOne но никак не могу найти как вырезать полукруг внизу, под кнопку. никак не вырезать Сообщение от CreatOne Подскажите куда копать? Или может картинкой это правильный вариант? копать в сторону уменьшения геморроя себе и окружающим 0

@CreatOne 0 / 0 / 0 Регистрация: 11.11.2016 Сообщений: 12
	17.11.2016, 13:04 [ТС]	8
	Ну а если есть такой дизайн? Получается вариант только с изображением? 0

@ExFau$t 1570 / 1168 / 426 Регистрация: 08.05.2012 Сообщений: 5,219
	17.11.2016, 13:13	9
	Сделай padding у кнопки, или borderWidth для FAB'а. 0

Pablito 2884 / 2296 / 769 Регистрация: 12.05.2014 Сообщений: 7,978
	17.11.2016, 13:36	10
	Сообщение от CreatOne Получается вариант только с изображением? либо картинка, либо вектором нарисовать, но по сути все равно это превратится в картинку потом 0

	17.11.2016, 15:12

@CreatOne 0 / 0 / 0 Регистрация: 11.11.2016 Сообщений: 12
	17.11.2016, 13:37 [ТС]	11
	Сообщение от ExFau$t Сделай padding у кнопки, или borderWidth для FAB'а. Проблема не в кнопке, а в выемки под кнопку. Как отверстие вырезать через xml? 0

@ExFau$t 1570 / 1168 / 426 Регистрация: 08.05.2012 Сообщений: 5,219
	17.11.2016, 13:41	12
	CreatOne, ты нарисуешь у кнопки буфер и сделаешь его прозрачным, вот тебе и будет вырез. 0

@Antohsa 8 / 12 / 0 Регистрация: 18.10.2016 Сообщений: 115
	17.11.2016, 13:43	13
	Сообщение от CreatOne Как отверстие вырезать через xml? Через xml дырку не вырежешь... 0

@CreatOne 0 / 0 / 0 Регистрация: 11.11.2016 Сообщений: 12
	17.11.2016, 13:45 [ТС]	14
	Сообщение от ExFau$t ты нарисуешь у кнопки буфер и сделаешь его прозрачным, вот тебе и будет вырез. Не понял о чем речь 0

@CreatOne 0 / 0 / 0 Регистрация: 11.11.2016 Сообщений: 12
	17.11.2016, 14:23 [ТС]	16
	Сообщение от ExFau$t Сохрани это в drawable. Понял идею, но не пойдет. Тут просто рамка у кнопки, а надо отступ Миниатюры 0

@ExFau$t 1570 / 1168 / 426 Регистрация: 08.05.2012 Сообщений: 5,219
	17.11.2016, 14:31	17
	Ну так и сделай её прозрачной. Добавлено через 37 секунд Я тебе специально с цветами вставил. Добавлено через 1 минуту Два нули после решётки припиши. 0

@CreatOne 0 / 0 / 0 Регистрация: 11.11.2016 Сообщений: 12
	17.11.2016, 15:12 [ТС]	20
	Сообщение от ExFau$t сделай вместо прозрачности цвет фона, который нужен. Там фон не однородный, придется картинкой делать блок 0