Android: Обработка изображений в приложении

Этот урок улучшит приложение, добавив обработку изображений. Приложение будет отображать картинку под кнопкой: при правильном вводе email и пароля — одну картинку, при неправильном — другую.

Подготовка изображений

Необходимы три изображения:

• Печенька (отображается изначально).
• Галочка (отображается при правильном вводе данных).
• Крестик (отображается при неправильном вводе данных).

Скопируйте изображения в папку drawable проекта.

Добавление ImageView

В файле разметки разместите ImageView под кнопкой. Установите картинку «печеньки» в качестве начального изображения. Добавьте отступ сверху (20 пикселей) с помощью атрибута marginTop.

Изменение темы приложения

В предыдущем уроке использовалась тема NoActionBar. На виртуальном устройстве это приводило к некорректному отображению. Измените тему в файле styles.xml на Theme.AppCompat.Light.NoActionBar.

Обработка событий

Необходимы следующие переменные:

• ImageView для изображения (imageView).
• Button для кнопки (btn).
• EditText для email (email).
• EditText для пароля (pass).

Создайте обработчик событий OnClickListener (onGinClick). В нём присвойте переменным значения с помощью findViewById:

public void onGinClick(View view) {
    imageView = findViewById(R.id.imageView2); // Пример ID, может отличаться
    btn = findViewById(R.id.button2); // Пример ID, может отличаться
    email = findViewById(R.id.editText3); // Пример ID, может отличаться
    pass = findViewById(R.id.editText4); // Пример ID, может отличаться

    imageView.setImageResource(R.drawable.cook); // Изначальное изображение

    String emailText = email.getText().toString();
    String passText = pass.getText().toString();

    private static final String emailTxt = "example@mail.ru";
    private static final String passTxt = "123";

    if (emailText.equals(emailTxt) && passText.equals(passTxt)) {
        imageView.setImageResource(R.drawable.write); // Правильный ввод
    } else {
        imageView.setImageResource(R.drawable.wrong); // Неправильный ввод
    }
}

Обратите внимание: ID элементов (imageView2, button2, editText3, editText4) могут отличаться в вашем проекте.

Запуск и тестирование

Запустите приложение и проверьте работу с различными вариантами ввода email и пароля. Отсутствие action bar подтверждает успешное исправление ошибки из предыдущего урока.

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