Уроки Android Studio

#8 - Красивый дизайн приложения

#8 - Красивый дизайн приложения

В этом уроке мы научимся создавать красивый дизайн для наших приложений. Мы научимся создавать свои собственные стили и применять их к различным объектам на странице. В итоге у нас получиться красивое приложение авторизации с несколькими полями, кнопкой, картинкой и текстом.

Видеоурок

Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Исходный код

Файл fields.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" >
        <shape android:shape="rectangle"  >
            <corners android:radius="20dip" />
            <stroke android:width="4dip" android:color="#acb5c4" />
            <solid android:color="#cbd0d8"/>
        </shape>
    </item>
    <item android:state_focused="true">
        <shape android:shape="rectangle"  >
            <corners android:radius="20dip" />
            <stroke android:width="4dip" android:color="#acb5c4" />
            <solid android:color="#cbd0d8"/>
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle"  >
            <corners android:radius="20dip" />
            <stroke android:width="4dip" android:color="#acb5c4" />
            <solid android:color="#cbd0d8"/>
        </shape>
    </item>
</selector>
Файл button.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" >
        <shape android:shape="rectangle"  >
            <corners android:radius="10dip" />
            <stroke android:width="3dip" android:color="#9e3d1c" />
            <gradient android:angle="180" android:startColor="#99462a" android:endColor="#af5a3d" />
        </shape>
    </item>
    <item android:state_focused="true">
        <shape android:shape="rectangle"  >
            <corners android:radius="10dip" />
            <stroke android:width="3dip" android:color="#9e3d1c" />
            <gradient android:angle="180" android:startColor="#99462a" android:endColor="#af5a3d" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle"  >
            <corners android:radius="10dip" />
            <stroke android:width="2dip" android:color="#9e3d1c" />
            <gradient android:angle="180" android:startColor="#99462a" android:endColor="#af5a3d" />
        </shape>
    </item>
</selector>

Задание к уроку

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

Большое задание по курсу

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

Также стоит посмотреть

Создание 2D игры на Android
17 уроков
Создание Андроид игры на движке Unity
Дополненная реальность / Создание Unity AR приложений
Мобильное приложение на Corona SDK
16 уроков
Java до профи: основы, UI дизайн и Android разработка
Современная 2D игра на Unity 5
18 уроков