Привет всем, кто читает данную статью, меня зовут Владислав и Вы на канале Stark_Technologies здесь я по-немногу публикую разные статьи об интересных решениях, проектах или новых технологиях. И сегодня я хотел бы поговорить о таком инструменте, который я сейчас активно изучаю и работаю - это Android Studio. Об её истории, где скачать, а также попробуем написать первую рабочую программу для смартфона на ОС Android. Поехали...
Начнем с того, что же вообще такое Android Studio - это интегрированная среда разработки (IDE) для работы с платформой Android. Первая версия 0.1 находилась в свободном доступе с мая 2013 года и постепенно перешла в стадию бета-тестирования (версия 0.8) в июне 2014 года. и скоро за ней вышла первая самая стабильная версия 1.0 в декабре 2014 года.
Android Studio была разработана на базе IntelliJ IDEA от компании JetBrains, удобство данного инструмента, является то что его можно устанавливать на компьютеры с любой операционной системой будь это Android, Windows, Linux или macOS. Первоначально в данном программном обеспечении можно было писать программки только на всем известном Java или C++, но в мае 2017 года Google анонсировала поддержку языка Kotlin, именно с него я начинал знакомиться с написанием приложений и продолжаю изучать этот язык. Вот такая краткая история появления данного программного обеспечения. По-моему мнению это очень удачное решение Google, выпустить данный инструмент полностью бесплатным и дать программистам со всего света пробовать писать свои собственные проекты. Да я забыл упомянуть, что это программа предоставляется бесплатно и Вы можете установить данную программу к себе на ПК ссылку на официальный сайт оставляю здесь.
Ну что хватит истории, будем пробовать писать первую программу в Android Studio и, конечно же будем это делать на моем любимом языке программирования Kotlin, кстати у меня на канале есть статья про этот замечательный язык ссылка на статью здесь.
Шаг 1. После установки создаем новый проект:
Шаг 2. Выбираем макет
В этом шаге выбираем макет, первого экрана нашего приложения, далее чем шире будет ваш проект, тем больше будет у вас таких окон, я выбрал стандарт Empty View Activity, потому что нам не нужно ничего лишнего в данном нашем первом приложении.
Шаг 3. Выбираем название нашего проекта и язык программирования
На этом этапе можно выбрать C++, Java или Kotlin, как я говорил выше я пишу на Котлине и выбираю его, и нажимаю далее и происходит формирование нашего проекта дожидаемся завершения и приступаем к работе...
Шаг 4. Редактируем наш макет и попутно продумываем, что мы хотим видеть в нашем приложении... И готовим ресурсы для своего проекта.
Итак, как только у нас закончилась синхронизация проекта, приступаем к реализации нашего проекта. Обычно в сети очень много статей о первой программе, где на экран выводится предложение Hello World!!!, но разве этим удивишь? Я предлагаю разломать этот шаблон, и сегодня мы сделаем простенькую валентинку, которой можно порадовать свою половинку. Ну или напугать все будет зависеть только от нас. Вот это будет действительно первая программа. за которую будет не стыдно.
Итак. для своего проекта Box_Stark_Tech я выбрал 2 картинки с интернета это подарок и мишка Тедди. Суть идеи заключается в том, что на экран мы будем выводить подарочек и при нажатии на него у нас появиться наш мишка. Ну чем не валентинка, можно конечно музыку вставить, но это если будет интересно опишу в следующих статьях.
Переходим к редактированию кода. После окончания синхронизации вверху мы видим две вкладки MainActivity.kt и activity_main.xml. Первый мы будем использовать для написания кода нашего приложения, а второй для создания нашего макета. Итак. переходим в MainActivity.kt и убираем строчки они нам не понадобятся:
1) enableEdgeToEdge()
2) ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main)) { v, insets
-> val systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars())
v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom)
insets}
Далее переходим к activity_main.xml и нажимаем в правом верхнем углу кнопку Split, так нам удобней будет работать и убираем все что находится между <Textview и /> вместе с ним.
Далее находим наши картинки копируем их, и в нашем проекте слева находим папку drawable, нажимаем на неё правой кнопкой мыши и выбираем команду Paste и нажимаем "ОК". Важное уточнение переименуйте картинки так чтобы они были на латинице и начинались с маленькой буквы.
Возвращаемся в activity_main.xml и вставляем следующий код:
Еще один важный момент: в ImageView где у Вас есть строчки: android:src="@drawable/mishka" вместо mishka будет названия картинок, которые Вы добавили!!!
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
android:gravity="center"
android:orientation="vertical">
<TextView
android:id="@+id/my_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="20dp"
android:text="Тебе подарочек!!!"
android:gravity="center"
android:textSize="25sp"/>
<ImageView
android:id="@+id/box"
android:layout_width="200dp"
android:layout_height="200dp"
android:layout_margin="5dp"
android:gravity="center"
android:src="@drawable/box"
/>
<ImageView
android:id="@+id/mishka"
android:layout_width="200dp"
android:layout_height="200dp"
android:gravity="center"
android:src="@drawable/mishka"
/>
</LinearLayout>
Должно получится, как показано на скриншоте:
Далее во втором ImageView добавляем еще одну строчку: android:visibility="gone" И у вас пропадет одна картинка, не переживайте это нормально, так и должно быть.
Далее переходим в MainActivity.kt, где нам нужно написать логику нашему проекту: Для этого после строк:
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
Вставляем следующий код:
var text = findViewById<TextView>(R.id.my_text)
var mishka = findViewById<ImageView>(R.id.mishka)
var box = findViewById<ImageView>(R.id.box)
box.setOnClickListener {
mishka.visibility = View.VISIBLE
box.visibility = View.GONE
text.text = "Ваш подарочек!!!"
}
mishka.setOnClickListener {
mishka.visibility = View.GONE
box.visibility = View.VISIBLE
text.text = "Тебе подарочек!!!"
}
Что делает данный код? Данный код выполняет следующие действия на экране при нажатии на картинку с подарком он исчезает и на его месте появляется наш мишка Тедди, а также меняется надпись сверху.
На этом наш проект готов и теперь мы должны установить его на телефон. Для этого нам нужно включить на смартфоне "Режим разработчика":
1. Перейдите в настройки вашего устройства Android. Обычно для этого нужно найти иконку Настройки на главном экране или в панели уведомлений.
2. Прокрутите вниз и найдите раздел О телефоне. В разных устройствах наименование может немного различаться.
3. В этом разделе найдите информацию о номере сборки операционной системы. В некоторых случаях может потребоваться нажать и удерживать кнопку О модели для вызова дополнительных параметров.
4. После нескольких кратких нажатий или удерживания кнопки появится сообщение о том, что режим разработчика был включен. Вам может потребоваться ввести пароль или использовать датчик отпечатков пальцев.
5. Подключаем девайс к компьютеру по USB
6. Включаем отладку по USB.
И вверху в Android Studio у Вас определится ваш девайс:
Далее запускаем установку нашего приложения на девайс нажимая на зеленую стрелочку возле названия нашего устройства. После установки приложения и проведения тестов мы получим следующие экраны нашей валентинки:
Вот так мы с вами познакомились с одним из важных инструментов для освоения программирования, если у Вас все получилось и понравилась статья пожалуйста оцените лайком или напишите комментарий. Подписывайтесь скоро будет интересней!!!
P.S. У нас есть группа в Вконтакте заходите там много чего есть интересного ссылка здесь.