Программирование с нуля под андроид Урок 13 Создаем приложение постер

Автор Pavel Shevchuk
Программирование с нуля под андроид   Урок 13  Создаем приложение постер

Ну, что ж вот и наступило время нашего финального для этой темы xml layout.

Давайте начнём создадим новый Android Studio Project нажмем на Start New Project и назовем его Android юань Android User Interface пользовательский интерфейс дальше Next ещё раз next и финиш. Итак создаётся новый проект в Android Studio переходим на вкладку Activity underscore me in xml ещё до собирается проект всё загрузилось и теперь посмотрим на вкладку дизайн увеличим для удобства. Как вы видите тут стандартный текст Hello world.

Я его удалю и помещусь сюда для начала imageview.

Я подготовил imageview. Ну нам надо его сначала поместить в приложение для этого. Как вы помните нам нужно открыть папку res resources и загрузить изображение в папку drawable моё изображение находится на рабочем столе его скопирую отсюда и в папку drawable о'кей. О'кей evod. Она появилась здесь. Теперь я могу опять поместить имя чьё на дисплей и здесь указать изображение. И почему же я его не вижу папки durable Project всё всё понятно — это произошло. Потому, что мой файл назван некорректно он назван в Camel casing файлах в папке resources в этих xml в PDF файлах всех файлах которые находятся в файле на Resorts нельзя называть файлы kml. Кейси мы должны переименовать этот файл — это делается так правой кнопкой мыши нажимаем на поле дальше refactor your name и здесь мы переименуем сделаем так и чтобы эти слова выглядели раздельно их разделяют никому кейсом, а underscore нажимаем refactor и. Теперь попробуем заново установить наш imageview. И как вы видите появился файл и вот он отображается у нас здесь. Итак файл у нас есть и теперь нам нужно Skill Type я выберу Center crop чтобы он полностью заполнял экран и был выставлен по центру. Ну и теперь мы добавим текст ю.в.. На, что влияют на наш экран ты так один текст и сразу же 2 текст. Давайте теперь перейдем на вкладку текст и посмотрим, что у нас получилось. Итак imageview выведите все пью у нас подчёркнуты. Давайте изменим constraintlayout narilatha Flower с которой мы уже знакомы и теперь по удаляем атрибуты constraintlayout который нам не нужны и теперь посмотрим, что у нас получилось у нас оба тексту сместились по умолчанию как вы помните в левый верхний угол теперь нам надо расположить их в нашей layout. Давайте верхний textview оставим в левом верхнем углу, а второе такси расположен в правом нижнем. Для этого нам нужно здесь, что align Right пропишем этот атрибут и установим в. Тру и также установим 2 атрибут align parent Bottom тоже установим значение True и посмотрим, что у нас получилось он не очень хорошо виден. Но вот он внизу да. Так теперь давайте изменим для начала Text Color я сделаю его белым. Скопируй этот атрибут и вставлю во второй. Таксую Давайте посмотрим так получилось теперь, что нам нужно сделать — это поменять таксист размер самого текста. Давайте 30 спи сделаем Eve 2 точно такой же атрибут смотрим всё отображается верно и наверное. Теперь давайте поменяем сам текст вверху на Android рак Star. Давайте посмотрим и нижней текст поменяем на sincerely yours. Юра Искренне ваш. Юра пока всё получилось теперь мне хочется изменить стиль самого шрифта верхнего и нижнего давайте для начала изменим верхний для этого перейдём на дизайн нажмем на этом textview его тут font-family прокрути вниз и видите здесь больше шрифтов нажмем на неё на эту опцию и попробуй выбрать что-нибудь на свой вкус их тут большое колесо мне например нравится этот нажимаем на нём живём. О'кей икак вы видите такой необычный шрифт появился. Давайте немного совместим его вправо и вниз для этого я выставлю. Маржан поля margin-top для этого. Таксую например пусть будет 20. Гб и margin-left 8 дпп. Давайте посмотрим в принципе меня — это устраивает и далее переходим к нижнему. Таксую давайте тоже поменяем шрифт например. Давайте вот этот каллиграфия. Ну такой как написанное от руки он немного танк абботт. Поэтому я сделаю его ещё жирным. И ещё я хочу сделать эту надпись наискосок как на настоящем паста расписываются на нём для этого я добавлю сюда такое атрибут как ориентация. Ой простите то есть rotation и. Давайте попробуем установить значение этого атрибута 30 как. Вы видите текст развернулся на 30 градусов по часовой стрелке, но я хочу в другую сторону для этого надо поставить -30. Вот вы видите надпись повернулась, но она съехала вниз давайте сделаем -40 чтобы больше ещё повернуть её. И теперь я сделал margin-bottom. Для этого текста то есть установлю поле. Нижняя отступ. Нижний например 7tp так чуть-чуть подняла можно 80 выставить. Ну и теперь, что мне не нравится — это то, что имя. Наверное нужно написать во второй строчке для этого нужно поставить в этой строчке. Не слышишь, а backslash и буковку н и тогда. Это знак переноса на следующую строчку выведите слово перенеслась слово следующее за этим знаком перенеслась на следующую строку. Ну, что ж. Давайте попробуем запустить этот постер — это приложение посмотреть как он отобразится на эмуляторе. Ну и. Давайте посмотрим Epica загрузились. Ну вот как видите наше приложение загрузилось ещё один момент который я хотел бы изменить — это название нашего приложения.

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

Читайте также