Decub.Ru

Урок 6: Android UI Design Buttons

Всем привет дорогие читатели нашего блога!
В данном уроке мы будем делать Android UI Design для кнопок button чтобы наши кнопки были красивые!

Заходим в наш проект который начали делать в Android Studio , или создаем новый проект пример:

Лично я решил создать новый проект чтобы показать на чистом проекте! Но вы можете использовать уже существующий проект!
И так при создании нового проекта я выбрал API 14 так как с 14 API  можно делать интересные UI элементы поскольку если начать с API 9 то много возможностей будет ограничено!

Далее выбираем Empty Activity как внизу:

Далее нажимаем Finish пример внизу:

Начинаем делать ниши кнопки в нашем activity_main.xml

Вот так у нас получилось поскольку button не имеет дизайна:

Для того чтобы подключить style нам нужно добавить строчку

В строке

Ну что приступим к созданию самого style для button нам необходимо добавить в strings.xml

Далее добавим в colors.xml Наш белый цвет для текста названия кнопок

И создадим наш drawable UI для оформления кнопки:

Далее задаем названия нашего drawable UI Button

И так мы назвали наш drawable именем button1

Щас добавим наш код в  drawable с  именем button1

И видим наш drawable

Ну щас нам остается добавить сам ButtonStyle в файл styles.xml

Рассмотрим код ButtonStyle

И так первая строка это названия нашего style для button

Вторая строка это подключения нашего drawable UI

Третья строка это наш цвет текста названия кнопки button

После подключения нашего ButtonStyle в нашу кнопку:

Мы видим как наша кнопка изменила цвет:

Ну дорогие читатели на этом все в этом уроке мы научились создавать наш styles для кнопок button! скачать исходный код нашего Android UI Design можно Скачать исходный код урока

Пожалуй, на сегодня все. А в следующем уроке мы поговорим про UI и ToolBar в приложении.


Новые уроки добавляются каждый день! Чтобы ничего не пропустить на рассылку по e-mail (обещаем, спама не будет. честно.)

4 комментария

  1. Спасибо большое за урок но я бы хотел еще урок о том как создать свой мини браузер для android , буду очень благодарен

    1. Приветствую , в ближайшее время как материал приготовлю то и статью напишу думаю многим будет интересно

      1. Привет, а когда будут уроки про unity 3d так как хочу играми занятся но в интернете не нашел не чего толкового

        1. Приветствую , на данный момент пока еще документацию изучаю так как щас новая версия Unity и как изучу то буду проводить уроки по разработке на Unity3d

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *