Mavzu: Android studio muhitida menyular va dialog oynalar bilan

Android Popup menyusi:

 Android popup menyusi vertikal ro'yxatdagi elementlarning ro'yxatini aks ettiradi, ular menyuga murojaat qilgan ko'rinishni taqdim etadi va ma'lum tarkib bilan bog'liq harakatlarning ko'payishini ta'minlash uchun foydalidir.

Ushbu qadamda biz tartib fayliga tugma qo'shamiz va unga clickBtn sifatida id beramiz.

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity">

android:id="@+id/clickBtn"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="#0F9D58"

android:text="Click Me"

android:textColor="#ffffff"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintLeft_toLeftOf="parent"

app:layout_constraintRight_toRightOf="parent"

app:layout_constraintTop_toTopOf="parent" />

Birinchidan, menyu faylini o'z ichiga olgan menyu direktorini yaratamiz. Borishni ilova> mahallasi> o'ng-klik> Yangi> Android Manba qo'llan ma va katalog nomi va menyu sifatida manba turi bering.

Endi menyu resurslari katalogida popup_menu faylini yaratamiz . O'tish App> quduq sohiblari> menyusida> o'ng-klik> Yangi> Menyu Resurs File va menyu resurs fayl yaratish va popup_menu deb ism. Popup_menu faylida menyu elementlarini qo'shamiz. Quyida popup_menu.xml fayli uchun kod parchasi berilgan .

XML

android:id="@+id/java"         android:title="Java" />                 android:id="@+id/kotlin"         android:title="Kotlin" />                 android:id="@+id/android"         android:title="Android" />                 android:id="@+id/react_native"         android:title="React Native" />

4-qadam: MainActivity.java fayli bilan ishlash

Yilda MainActivity.java fayl, biz Button mos yozuvlar olish va uni boshlash bo'ladi. Tugmachaga onClick xatti-harakatlarini qo'shing va unga ochilgan menyuni oching. Quyida MainActivity.java fayli uchun kod parchasi berilgan .

import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.MenuItem; import android.view.View; import android.widget.Button; import android.widget.PopupMenu; import android.widget.Toast;    public class MainActivity extends AppCompatActivity {        Button button;        @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);            // Referencing and Initializing the button         button = (Button) findViewById(R.id.clickBtn);                      // Setting onClick behavior to the button         button.setOnClickListener(new View.OnClickListener() {             @Override             public void onClick(View view) {                 // Initializing the popup menu and giving the reference as current context                 PopupMenu popupMenu = new PopupMenu(MainActivity.this, button);                                      // Inflating popup menu from popup_menu.xml file                 popupMenu.getMenuInflater().inflate(R.menu.popup_menu, popupMenu.getMenu());                 popupMenu.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {                     @Override                     public boolean onMenuItemClick(MenuItem menuItem) {                         // Toast message on menu item clicked                         Toast.makeText(MainActivity.this, "You Clicked " + menuItem.getTitle(), Toast.LENGTH_SHORT).show();                         return true;                     }                 });                 // Showing the popup menu                 popupMenu.show();             } });}}

 NavigationMenu BottomNavigationMenu 

Barchamiz pastki navigatsiya paneli mavjud bo'lgan dasturlarni uchratdik . Ba'zi mashhur misollarga Instagram, WhatsApp va boshqalar kiradi . Ushbu maqolada, Android dasturida bunday funktsional Pastki navigatsiya panelini qanday amalga oshirishni bilib olaylik. Quyida pastki navigatsiya satrining namunasini oldindan ko'rish mumkin:

Nega bizga pastki navigatsiya paneli kerak?

Bu foydalanuvchiga turli xil faoliyatlarga / fragmentlarga osongina o'tishga imkon beradi.

Bu foydalanuvchini dasturda mavjud bo'lgan turli xil ekranlar to'g'risida xabardor qiladi.

Hozirda foydalanuvchi qaysi ekranda ekanligini tekshirishi mumkin.

Quyida Navigatsiya paneli uchun anatomiya diagrammasi keltirilgan:

astki navigatsiya paneli uchun menyu yaratish

Navigatsiya paneli menyu yordamida yaratiladigan ba'zi elementlarga ega bo'lishi kerak . A yaratish uchun , Menyu birinchi, bir yaratish Menu Directory bosgan ilova > - mahallasi (o'ng tugmasini bosing) -> Yangi -> Android Manba qo'llanma va tanlang Menyu ichida manba turi 

.

A yaratish uchun Menu Resurs File , tugmasini bosing ilova > - res -> menyu (o'ng tugmasini bosing) -> Yangi -> Menu resurs File va nom bottom_nav_menu .

Endi foydalanuvchi bottom_nav_menu.xml faylida xohlagancha element yaratishi mumkin . Shuningdek, foydalanuvchi ushbu elementlarning har biri uchun belgi yaratishi kerak. Belgini yaratish uchun dasturni bosing -> res -> chizilgan (o'ng tugmasini bosing) -> Yangi -> Image Asset.

Ochilgan oynada foydalanuvchi piktogrammani o'zi xohlagancha nomlashi mumkin, ammo u biron bir katta harfdan iborat bo'lmasligi kerak . Foydalanuvchi o'zi xohlagan belgini qidirish orqali tanlashi mumkin va foydalanuvchi tugagandan so'ng, Keyingisi -> Tugatish tugmachasini bosing .

Endi ushbu elementlarni bottom_nav_menu.xml-ga qo'shing . Bu qanday bottom_nav_menu.xml fayl ko'rinishi ma'lumotlar qo'shib keyin yoqadi:

XML

android:id="@+id/person"         android:title="Person"         android:icon="@drawable/ic_person_foreground"/>              android:id="@+id/home"         android:title="Home"         android:icon="@drawable/ic_home_foreground"/>              android:id="@+id/settings"         android:title="Settings"         android:icon="@drawable/ic_settings_foreground"/>