Всем привет! Меня зовут Марат, и я android-разработчик в компании e-Legion. Вместе с вами я буду разрабатывать ваше первое android-приложение. Это приложение будет содержать функционал, который пригодится во многих других. Оно будет иметь три экрана — это экран авторизации, экран регистрации и экран показа профиля. А теперь перейдем к делу. В этом видео мы с вами создадим макет экрана авторизации, который будет содержать в себе четыре View-элемента: два для ввода логина и пароля и два для входа в приложение и другой — для регистрации. Для начала откроем Android Studio и создадим новый проект. Назовем его My First Application, нажмем кнопочку Next, выберем версию API 19, нажмем на галочку Phone and Tablet, если она у вас не выбрана. Нажмем Next, выберем Empty Activity, нажмем Next, нажмем Finish. Сейчас Android нам создаст наш первый проект, это может занять какое-то время. И вот Android создал наш первый проект. Для начала откроем папочку app, res, зайдем в res/layout, activity_main сочетанием клавиш Shift + F6 переименуем в ac_auth, нажмем Enter, откроем его. С вкладочки Design переключимся на xml, на вкладочку Text. Сотрем практически все, что тут есть. [ЗВУК] Удалим tools:context, удалим xmlns:tools и наш ConstraintLayout переделаем в LinearLayout. [ЗВУК] Нажмем Enter. Сейчас мы добавим с вами два поля EditText. Первое у нас будет для логина. Соответственно, зададим ему id Login, etLogin, и второе у нас будет для ввода пароля, Password. Как вы видите, на нашем макете отображается только один EditText, а все потому, что мы забыли в LinearLayout добавить атрибут orientation. Давайте добавим его, orientation="vertical". Как видите, теперь у нас отображаются два EditText. Чтобы они выглядели красиво, добавим отступы margin слева и справа, layout_marginLeft, пусть будет 8dp, и layout_marginRight, также 8dp. Скопируем их и добавим во второй EditText. Также мы забыли с вами добавить подсказки, то есть хинты, чтобы пользователь мог определять, какое значение ему вводить в конкретное поле. Давайте добавим их. Сначала для логина, и то же самое сделаем для пароля. Теперь выберем хинт, наведем на него курсором, нажмем сочетание клавиш Alt + Enter и добавим его в строковый ресурс. Назовем его login_hint. И пароль, то же самое: Extract string resource, login_password. Нажмем Enter. Теперь перейдем к созданию кнопок регистрации и входа в приложение. Для этого добавим LinearLayout, который будет match_parent и wrap_content. В него добавим две кнопки, которые будут match_parent и wrap_content. Скопируем. Мы опять забыли добавить LinearLayout orientation, нужно это исправить. В данном случае orientation будет horizontal. Первой кнопке мы зададим вес layout_weight="1", так же, как и второй. Как видите, теперь обе кнопки находятся на одной линии. Для первой кнопки зададим id. Это у нас будет et, извиняюсь, button, теперь ведь это у нас кнопка, buttonEnter, Вторая будет называться buttonRegister. Создадим им текст. Первой кнопке, первая кнопка будет иметь значение «Войти», вторая — «Зарегистрироваться». И добавим их в стринговые ресурсы. Вторую кнопку назовем login_register. Вот мы и создали с вами простой макет для экрана авторизации.