|
Image Recognition
|
| bet | 21/182 | | Sana | 19.05.2024 | | Hajmi | 5,69 Mb. | | #244351 |
Bog'liq Python sun\'iy intellekt texnologiyasi Dasrlik 2024Moslashuvchan va ifodali: Flutterning vidjet daraxti va reaktiv dasturlash modeli ifodali va moslashuvchan UI yaratishni osonlashtiradi.
Dart dasturlash tili: Flutter o‘rganish oson bo‘lgan va ifodali va samarali bo‘lishi uchun yaratilgan Dart dasturlash tilidan foydalanadi.
Flutter - bu yuqori unumdorlik va yuqori aniqlikdagi mobil ilovalarni yaratish uchun kuchli ramka. Keng xususiyatlar va faol hamjamiyat bilan u ilovalarni ishlab chiqishni tezroq, silliq va samaraliroq qiladi.
Yangi Flutter loyihasini sozlash:
Flutter SDK ni oʻrnating: Flutter yordamida ilovalar yaratishni boshlash uchun avvalo Flutter SDK ni kompyuteringizga oʻrnatishingiz kerak. Buni Flutter veb-saytidagi ko‘rsatmalarga rioya qilish orqali qilishingiz mumkin (https://flutter.dev/docs/get-started/install).
IDE oʻrnating: Flutter SDK oʻrnatilgandan soʻng kodingizni yozish va ishga tushirish uchun sizga IDE (Integrated Development Environment) kerak boʻladi. Android Studio, Visual Studio Code yoki IntelliJ IDEA kabi Flutter rivojlanishini qo‘llab-quvvatlaydigan har qanday IDE dan foydalanishi mumkin.
Yangi loyiha yarating: IDE-ni sozlaganingizdan so‘ng, yangi Flutter loyihasini yaratishingiz mumkin. Android Studio‘da buni Fayl › Yangi › Yangi Flutter loyihasiga o‘tish orqali amalga oshirish mumkin. Keyin siz yaratmoqchi bo‘lgan loyiha turini tanlashingiz so‘raladi. Ushbu misol uchun biz yangi Flutter ilovasini yaratamiz.
Ilovani ishga tushirish: Loyihangiz yaratilgandan so‘ng, ilovani emulyator yoki jismoniy qurilmada ishga tushirishingiz mumkin. Android Studio-da buni “Ishga tushirish” tugmasini bosish yoki Shift + F10 klaviatura yorliqlari yordamida amalga oshirish mumkin.
Oddiy Flutter ilovasiga misol:
Mana “Salom, dunyo!” ko‘rsatuvchi oddiy Flutter ilovasiga misol. ekrandagi xabar va bosilganda hisoblagichni oshiradigan tugma:
import 'package:flutter/material.dart’;
void main() {
runApp(MyApp()); }
class MyApp extends StatefulWidget {
@override
MyAppState createState() => _MyAppState(); }
class _MyAppState extends State {
int _counter = 0;
void _incrementCounter() {
setState(() {
_counter++; }); }
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.teal,
body: SafeArea(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'Hello, World!',
style: TextStyle(
fontSize: 40.0,
color: Colors.white,
fontWeight: FontWeight.bold, ),),
SizedBox(height: 20),
Text(
'Counter: $_counter',
style: TextStyle(
fontSize: 20.0,
color: Colors.white,
fontWeight: FontWeight.bold, ),),
SizedBox(height: 20),
FlatButton(
onPressed: _incrementCounter,
child: Text(
'Increment’,
style: TextStyle(
fontSize: 20.0,
color: Colors.white,
fontWeight: FontWeight.bold, ),),
color: Colors.red, ),], ), ),), ); }}
Bu ilova ilovaning ildizi sifatida MaterialApp vidjetidan foydalanadi, bu standart Material Design koʻrinishi va hissiyotini beradi. Scaffold vidjeti ilovaning asosiy tuzilmasi sifatida ishlatiladi va SafeArea vidjeti kontentning qurilma teshigi yoki boshqa tizim interfeysi tomonidan yashirilmasligini taʼminlash uchun ishlatiladi. Column vidjeti ikkita bola vidjetini vertikal ravishda ekran markazida tekislash uchun ishlatiladi. Birinchi bola Text vidjet bo‘lib, u “Salom, dunyo!” shrift o‘lchami 40 va oq rang bilan ekranda xabar. Ikkinchi bola Text vidjet bo‘lib, _counter o‘zgaruvchining joriy qiymatini ko‘rsatadi. FlatButton vidjeti bosilganda _incrementCounter funksiyasini chaqiruvchi tugma yaratish uchun ishlatiladi, bu _counter oʻzgaruvchisini oshiradi va UI ni yangilaydi.
|
| |
