В этой статье мы узнаем, как мы можем начать создавать наше первое приложение для Android. Без каких-либо задержек, давайте начнем с создания нашего первого приложения.
Предпосылки
Прежде чем приступить к работе с Android, вы должны быть знакомы с несколькими важными понятиями в Android Studio:
- Вы должны иметь четкое понимание объектно-ориентированного программирования .
- Вы должны знать основы Java .
- Вы должны знать основы XML.
Вам также может понравиться:
Введение в программирование Android в Android Studio 3.0 .
Начало работы — ваше первое приложение для Android
Теперь мы начнем с нашего первого приложения.
Шаг 1. Загрузите и установите Android Studio
- Прежде всего, убедитесь, что на вашем компьютере установлена и готова Android Studio.
- Если у вас нет Android Studio, вы можете выполнить эти шаги для установки Android Studio .
- Когда вы будете готовы с Android Studio, вы можете приступить к выполнению шагов.
Шаг 2: Создайте новый проект
- Перейдите в Файл> Новый> Новый проект. После этого на рабочем столе должно быть открыто следующее:
Здесь мы выберем Пустую активность и продолжим, нажав Далее .
2. Теперь мы назовем наше приложение и выберем язык, который предпочитаем. Затем нажмите Готово .
Шаг 3
На этом этапе перед нами должен быть экран, который выглядит примерно так:
Есть две области, где мы собираемся написать код для нашего приложения. Эти два раздела — MainActivity.java и activity_main.xml . Оба файла собираются вместе, чтобы сделать нашу функцию приложения.
Шаг 4: Настройка activity_main.xm
Изначально у нас будет следующий код в файле макета:
Мы можем изменить сообщение , что написано в строке: android:text= “Hello World”. Мы изменим это на “Hello World, I’m here to take you to the URL to enter”.
Мы также добавим Buttonи EditTextкомпонент, где пользователи могут вводить URL. Чтобы добавить это, мы добавим следующий код в файл activity_main.xml :
XML
1
2
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
3
xmlns:app="http://schemas.android.com/apk/res-auto"
4
xmlns:tools="http://schemas.android.com/tools"
5
android:layout_width="match_parent"
6
android:layout_height="match_parent"
7
tools:context=".MainActivity">
8
<TextView
10
android:id="@+id/textView2"
11
android:layout_width="wrap_content"
12
android:layout_height="wrap_content"
13
android:layout_centerHorizontal="true"
14
android:layout_marginTop="171dp"
15
android:layout_marginBottom="121dp"
16
android:fontFamily="@font/alegreya_sc_bold"
17
android:text="Hello World, Let us go to the URL"
18
android:textColor="@color/colorPrimaryDark"
19
android:textSize="20dp"
20
app:layout_constraintBottom_toTopOf="@+id/url"
21
app:layout_constraintEnd_toEndOf="parent"
22
app:layout_constraintStart_toStartOf="parent"
23
app:layout_constraintTop_toTopOf="parent" ></TextView>
24
<EditText
26
android:id="@+id/url"
27
android:layout_width="wrap_content"
28
android:layout_height="wrap_content"
29
android:layout_alignParentTop="true"
30
android:layout_centerHorizontal="true"
31
android:layout_marginStart="99dp"
32
android:layout_marginLeft="99dp"
33
android:layout_marginTop="121dp"
34
android:layout_marginEnd="99dp"
35
android:layout_marginRight="99dp"
36
android:layout_marginBottom="96dp"
37
android:ems="10"
38
android:hint="Enter the URL"
39
app:layout_constraintBottom_toTopOf="@+id/take_me"
40
app:layout_constraintEnd_toEndOf="parent"
41
app:layout_constraintStart_toStartOf="parent"
42
app:layout_constraintTop_toBottomOf="@+id/textView2" ></EditText>
43
<Button
45
android:id="@+id/take_me"
46
android:layout_width="wrap_content"
47
android:layout_height="wrap_content"
48
android:layout_below="@+id/url"
49
android:layout_centerHorizontal="true"
50
android:layout_marginStart="122dp"
51
android:layout_marginLeft="122dp"
52
android:layout_marginTop="56dp"
53
android:layout_marginEnd="123dp"
54
android:layout_marginRight="123dp"
55
android:layout_marginBottom="199dp"
56
android:text="Take me there "
57
app:layout_constraintBottom_toBottomOf="parent"
58
app:layout_constraintEnd_toEndOf="parent"
59
app:layout_constraintStart_toStartOf="parent"
60
app:layout_constraintTop_toBottomOf="@+id/url" ></Button>
61
</androidx.constraintlayout.widget.ConstraintLayout>
Шаг 5
Теперь мы напишем следующий код для реализации onClick()действия кнопки в файле MainActivity.java . Разрабатываемое нами приложение приведет нас к соответствующему URL. Для реализации этого мы будем использовать Intents - Android Intent и Intent Filters .
Джава
xxxxxxxxxx
1
package com.DataFlair.dataflair_intent;
2
import android.content.Intent;
3
import android.net.Uri;
4
import androidx.appcompat.app.AppCompatActivity;
5
import android.os.Bundle;
6
import android.view.View;
7
import android.widget.Button;
8
import android.widget.EditText;
9
public class MainActivity extends AppCompatActivity {
13
15
protected void onCreate(Bundle savedInstanceState) {
16
super.onCreate(savedInstanceState);
17
setContentView(R.layout.activity_main);
18
final EditText editText = (EditText)findViewById(R.id.urlText);
19
Button btn = (Button) findViewById(R.id.browse);
20
btn.setOnClickListener(new View.OnClickListener() {
21
// overriding the onClickListener to write the action to be performed.
23
25
public void onClick(View v) {
27
String url = editText.getText().toString();
28
Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
29
startActivity(intent);
30
}
31
});
32
}
33
}
Шаг 6
После написания кода в файлах XML и Java теперь мы запустим приложение.
Следующее должно быть сгенерировано:
Теперь мы введем URL-адрес в EditText, скажем, https://www.google.com , как показано ниже:
Как только вы нажмете « Взять меня» , в вашем браузере откроется Google, как показано ниже:
Заключение
Да, сделать приложение для Android в Android Studio так просто! Вам просто нужно установить Android Studio. Следующим шагом будет создание нового проекта и назовите его. Остальные шаги описаны в статье. Теперь ваша очередь его реализовать и узнать, насколько интересно создавать приложения.
Дальнейшее чтение
- Лучшие Must-Have Инструменты разработчика Android .
- Fuchsia OS: новый Android от Google?
- Архитектура приложения Android [Часть 4] Уровень представления .