Форум программистов, компьютерный форум CyberForum.ru

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

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

C++ Необычный генератор.
Необычный код - необычный результат. Delphi
Необычный касяк
Необычный баннер Windows 7
Delphi БД Необычный поиск
После регистрации реклама в сообщениях будет скрыта и будут доступны все возможности форума.
ExFau$t
55 / 55 / 4
Регистрация: 08.05.2012
Сообщений: 448
11.11.2016, 11:00     Необычный макет #2
FloatingActionButton

Задаёшь ей позицию и будет висеть поверх всей разметки
CreatOne
0 / 0 / 0
Регистрация: 11.11.2016
Сообщений: 10
11.11.2016, 12:17  [ТС]     Необычный макет #3
Судя по докам, у нее нет позиции, да и размер задается только mini и normal. Или нет?
ExFau$t
55 / 55 / 4
Регистрация: 08.05.2012
Сообщений: 448
11.11.2016, 12:21     Необычный макет #4
или нет

Добавлено через 2 минуты
Наследуется от ImageButton, то есть width/heght и gravity как в обычной view.
Паблито
не спать!
1803 / 1537 / 478
Регистрация: 12.05.2014
Сообщений: 5,596
Завершенные тесты: 1
11.11.2016, 12:48     Необычный макет #5
я бы просто сделал обычный ImageView
если размер контейнера для картинок неизвестен - то вьюшке margin_top отричательный на полвину размера вьюшки
если размер контейнер известен то и понятно что вьюшке просто отступы задать
FrameLayout либо RelativeLayout
CreatOne
0 / 0 / 0
Регистрация: 11.11.2016
Сообщений: 10
17.11.2016, 12:51  [ТС]     Необычный макет #6
Кнопку разместил margin`ом, все хорошо, теперь новая проблема. Хотел фон (где написано swipe) сделать картинкой, но потом подумал что это не совсем правильно (там фон одноцветный, форма не сложная, зачем мне еще одна картинка, которая будет место занимать и решил через xml сделать). Сейчас пробую сделать через drawble layer-list, но никак не могу найти как вырезать полукруг внизу, под кнопку. Подскажите куда копать? Или может картинкой это правильный вариант?
Паблито
не спать!
1803 / 1537 / 478
Регистрация: 12.05.2014
Сообщений: 5,596
Завершенные тесты: 1
17.11.2016, 12:57     Необычный макет #7
Цитата Сообщение от CreatOne Посмотреть сообщение
но никак не могу найти как вырезать полукруг внизу, под кнопку.
никак не вырезать
Цитата Сообщение от CreatOne Посмотреть сообщение
Подскажите куда копать? Или может картинкой это правильный вариант?
копать в сторону уменьшения геморроя себе и окружающим
CreatOne
0 / 0 / 0
Регистрация: 11.11.2016
Сообщений: 10
17.11.2016, 13:04  [ТС]     Необычный макет #8
Ну а если есть такой дизайн? Получается вариант только с изображением?
ExFau$t
55 / 55 / 4
Регистрация: 08.05.2012
Сообщений: 448
17.11.2016, 13:13     Необычный макет #9
Сделай padding у кнопки, или borderWidth для FAB'а.
Паблито
не спать!
1803 / 1537 / 478
Регистрация: 12.05.2014
Сообщений: 5,596
Завершенные тесты: 1
17.11.2016, 13:36     Необычный макет #10
Цитата Сообщение от CreatOne Посмотреть сообщение
Получается вариант только с изображением?
либо картинка, либо вектором нарисовать, но по сути все равно это превратится в картинку потом
CreatOne
0 / 0 / 0
Регистрация: 11.11.2016
Сообщений: 10
17.11.2016, 13:37  [ТС]     Необычный макет #11
Цитата Сообщение от ExFau$t Посмотреть сообщение
Сделай padding у кнопки, или borderWidth для FAB'а.
Проблема не в кнопке, а в выемки под кнопку. Как отверстие вырезать через xml?
ExFau$t
55 / 55 / 4
Регистрация: 08.05.2012
Сообщений: 448
17.11.2016, 13:41     Необычный макет #12
CreatOne, ты нарисуешь у кнопки буфер и сделаешь его прозрачным, вот тебе и будет вырез.
Antohsa
8 / 12 / 0
Регистрация: 18.10.2016
Сообщений: 112
17.11.2016, 13:43     Необычный макет #13
Цитата Сообщение от CreatOne Посмотреть сообщение
Как отверстие вырезать через xml?
Через xml дырку не вырежешь...
CreatOne
0 / 0 / 0
Регистрация: 11.11.2016
Сообщений: 10
17.11.2016, 13:45  [ТС]     Необычный макет #14
Цитата Сообщение от ExFau$t Посмотреть сообщение
ты нарисуешь у кнопки буфер и сделаешь его прозрачным, вот тебе и будет вырез.
Не понял о чем речь
ExFau$t
55 / 55 / 4
Регистрация: 08.05.2012
Сообщений: 448
17.11.2016, 13:53     Необычный макет #15
CreatOne, короче:
XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<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
0 / 0 / 0
Регистрация: 11.11.2016
Сообщений: 10
17.11.2016, 14:23  [ТС]     Необычный макет #16
Цитата Сообщение от ExFau$t Посмотреть сообщение
Сохрани это в drawable.
Понял идею, но не пойдет. Тут просто рамка у кнопки, а надо отступ
Миниатюры
Необычный макет  
ExFau$t
55 / 55 / 4
Регистрация: 08.05.2012
Сообщений: 448
17.11.2016, 14:31     Необычный макет #17
Ну так и сделай её прозрачной.

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

Добавлено через 1 минуту
Два нули после решётки припиши.
CreatOne
0 / 0 / 0
Регистрация: 11.11.2016
Сообщений: 10
17.11.2016, 14:38  [ТС]     Необычный макет #18
Цитата Сообщение от ExFau$t Посмотреть сообщение
Ну так и сделай её прозрачной.
Добавлено через 37 секунд
Я тебе специально с цветами вставил.
Добавлено через 1 минуту
Два нули после решётки припиши.
Тогда просто нижняя подложка видна.
Миниатюры
Необычный макет  
ExFau$t
55 / 55 / 4
Регистрация: 08.05.2012
Сообщений: 448
17.11.2016, 15:00     Необычный макет #19
CreatOne, значит сделай вместо прозрачности цвет фона, который нужен.
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
17.11.2016, 15:12     Необычный макет
Еще ссылки по теме:

Как сформировать нужный макет Android
Как верстать столь необычный макет? Joomla

Искать еще темы с ответами

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

Текущее время: 17:53. Часовой пояс GMT +3.
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2016, vBulletin Solutions, Inc.
Рейтинг@Mail.ru