Android - Kotlin ilə Sadə Giriş Tətbiqi
Addım 1: Android Studio-da Yeni Layihə Yaradın
- Android Studio-nu açın və “New Project” seçin.
- “Empty Activity” seçin və layihənizi adlandırın, məsələn, “LoginApp”.
- “Finish” düyməsini basın.
Addım 2: MainActivity.kt Faylı
Android Studio avtomatik olaraq MainActivity.kt faylını yaradacaq. Bu faylı aşağıdakı kimi yeniləyin:
package com.example.codestackloginapp
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.EditText
import android.widget.TextView
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val nameEditText: EditText = findViewById(R.id.nameEditText)
val loginButton: Button = findViewById(R.id.loginButton)
val resultTextView: TextView = findViewById(R.id.resultTextView)
loginButton.setOnClickListener {
val name = nameEditText.text.toString()
resultTextView.text = "Salam, $name! codestack.az saytına xoş gəlmisiniz!"
}
}
}
Addım 3: activity_main.xml Faylı
res/layout/activity_main.xml faylını aşağıdakı kimi yeniləyin:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="16dp">
<EditText
android:id="@+id/nameEditText"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Adınızı daxil edin"
android:inputType="textPersonName"/>
<Button
android:id="@+id/loginButton"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Giriş"
android:layout_below="@id/nameEditText"
android:layout_marginTop="16dp"/>
<TextView
android:id="@+id/resultTextView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/loginButton"
android:layout_marginTop="16dp"
android:textSize="18sp"/>
</RelativeLayout>
iOS - Swift ilə Sadə Giriş Tətbiqi
Addım 1: Xcode-da Yeni Layihə Yaradın
- Xcode-u açın və “Create a new Xcode project” seçin.
- “App” seçin və layihənizi adlandırın, məsələn, “LoginApp”.
- “Next” və sonra “Create” düymələrini basın.
Addım 2: ViewController.swift Faylı
Xcode avtomatik olaraq ViewController.swift faylını yaradacaq. Bu faylı aşağıdakı kimi yeniləyin:
import UIKit
class ViewController: UIViewController {
let nameTextField: UITextField = {
let textField = UITextField()
textField.placeholder = "Adınızı daxil edin"
textField.borderStyle = .roundedRect
textField.translatesAutoresizingMaskIntoConstraints = false
return textField
}()
let loginButton: UIButton = {
let button = UIButton(type: .system)
button.setTitle("Giriş", for: .normal)
button.translatesAutoresizingMaskIntoConstraints = false
return button
}()
let resultLabel: UILabel = {
let label = UILabel()
label.textAlignment = .center
label.font = UIFont.systemFont(ofSize: 18)
label.translatesAutoresizingMaskIntoConstraints = false
return label
}()
override func viewDidLoad() {
super.viewDidLoad()
view.backgroundColor = .white
setupUI()
loginButton.addTarget(self, action: #selector(handleLogin), for: .touchUpInside)
}
func setupUI() {
view.addSubview(nameTextField)
view.addSubview(loginButton)
view.addSubview(resultLabel)
NSLayoutConstraint.activate([
nameTextField.centerXAnchor.constraint(equalTo: view.centerXAnchor),
nameTextField.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 40),
nameTextField.widthAnchor.constraint(equalToConstant: 200),
loginButton.centerXAnchor.constraint(equalTo: view.centerXAnchor),
loginButton.topAnchor.constraint(equalTo: nameTextField.bottomAnchor, constant: 20),
resultLabel.centerXAnchor.constraint(equalTo: view.centerXAnchor),
resultLabel.topAnchor.constraint(equalTo: loginButton.bottomAnchor, constant: 20),
resultLabel.widthAnchor.constraint(equalToConstant: 200)
])
}
@objc func handleLogin() {
let name = nameTextField.text ?? ""
resultLabel.text = "Salam, \(name)! codestack.az saytına xoş gəlmisiniz!"
}
}
Bu nümunələr, hər iki platformada sadə bir giriş forması yaratmağı və istifadəçinin adını daxil edib ekranda göstərməyi izah edir. Bu tətbiqlər daha çox funksional olan layihələrin başlanğıcı üçün yaxşı bir təməl yaradır.
