Labarotoriya ishi №12.
Mavzu: Flutter freymvorkida foydalanuvchi interfeysini ishlab chiqish. Flutterda Android va iOS uchun mobil ilovalarni ishlab chiqish.
Ishdan maqsad: Flutter freymvorkida foydalanuvchi interfeysini ishlab chiqish. Flutterda Android va iOS uchun mobil ilovalarni ishlab chiqish.
Nazariy qism:
Flutter - bu Google kompaniyasi tomonidan 2017-yil may oyida chiqarilgan bepul va ochiq manbali mobil interfeys UI hisoblanadi. Qisqacha aytganda, ushbu texnologiya yordamida siz bitta mobil kod yordamida bazaviy mobil ilovani yaratishingiz mumkin bo'ladi. Bu shuni anglatadiki siz bitta dasturlash tili va bitta kod bazasi yordamida ikkita iOS va Android tizimlariga dasturiy ilovalar yarata olasiz.
Flutter ikkita muhim qismdan iborat:
SDK (Software Development Kit): dasturlaringizni ishlab chiqishda yordam beradigan vositalar to'plami. Bunga kodni mahalliy mashina kodiga (iOS va Android uchun kod) kompilyatsiya qilish vositalari kiradi.
Framework (Vidjetlar bazasidagi UI kutubxonasi): O'zingizning shaxsiy ehtiyojlaringizga moslashtirishingiz mumkin bo'lgan qayta ishlatiladigan foydalanuvchi interfeysi elementlari to'plami (tugmalar, matnli kirishlar, slayderlar va boshqalar).
Flutter bilan ishlash uchun siz Dart nomli dasturlash tilidan foydalanasiz. Ushbu til 2011 yil oktyabr oyida Google tomonidan yaratilgan va so'nggi yillarda ushbu til keng imkoniyatlarga ega dasturlash tili sifatida takomillashtirilib kelinmoqda.
Dart asosiy ishlab chiqarishga qaratilgan va siz uni mobil va veb-ilovalarni yaratishda ishlatishingiz mumkin.
Agar siz ozgina bo'lsa ham dasturlashni bilsangiz, Dart - bu obyektni dasturlash tili. Siz Dartning sintaksisini JavaScript bilan taqqoslashingiz mumkin.
Flutter freymvorkida foydalanuvchi interfeysini ishlab chiqish uchun siz "Dart" dasturlash tilini ishlatasiz. Flutter UI-ni yaratish uchun "widgets" va "layouts" bilan ishlashadi. Quyidagi oddiy misol, ekran ustida tekst ko'rsatish uchun bir foydalanuvchi interfeysini yaratishni ko'rsatadi:
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Foydalanuvchi Interfeysi'),
),
body: Center(
child: Text(
'Salom, Dunyo!',
style: TextStyle(fontSize: 24.0),
),
),
),
);
}
}
Bu oddiy misol, MyApp nomli widget yaratadi, bu widget MaterialApp va b widgetlarini o'z ichiga oladi. Scaffold ichida AppBar va Center widgetlaridan foydalaniladi. Center ichida esa Text widgeti yaratiladi, va uni o'lcham va uslubi sozlash uchun TextStyle ishlatiladi.
Flutter-da UI-ni yaratish uchun "widgets" dan foydalaniladi, va har bir widget qo'shgan holda yangi interfeys quriladi. Siz o'zingizning proyektlaringizda foydalanuvchi interfeysini yaratishda uchun bu oddiy misoldan boshlanishingiz mumkin. Complex interfeyslarni yaratish uchun Flutter-da ko'p xil widgetlar va layihalash prinsiplari mavjud.
|
