Flutterஎனும் பயனாளர் இடைமுகப்ப வரைச்சட்டத்தை பயன்படுத்தி கைபேசி பயன்பாடுகளை மிகவிரைவாகஉருவாக்கலாம்

ஒரேகுறிமுறைவரிகளைகொண்டு ஆண்ட்ராய்டு, ஐஓஎஸ் ஆகியவற்றின் சொந்த பயன்-பாடுகளை போன்று .Flutterஎனும் பயனாளர் இடைமுகப்பு வரைச்சட்டத்தை பயன்படுத்தி மிகவிரைவாகஉருவாக்கலாம் இந்த Flutterஎனும் பயனாளர் இடைமுகப்பு வரைச்-சட்டமானது கட்டற்றதும் கட்டணமற்றதாகும் இந்த Flutterஎனும் பயனாளர் இடைமுகப்பு வரைச்சட்டத்தை பயன்படுத்தி பயன்பாடுகளை உருவாக்குவதற்காகவென தனியாக அனுபவம் எதுவும் தேவையில்லை புதியவர்கள்கூட மிகஎளிதாக உருவாக்கலாம் Android Studio, VSCode, IntelliJஆகிய பல்வேறு IDEக்களை இது ஆதரிக்கின்றது ஆண்ட்ராய்டு ஐஓஎஸ் ஆகிய இரண்டு தளங்களிலும் வெவ்வேறு வகைகளில் உருவப்படங்கள் எழுத்துருக்கள் வழிகாட்டுதல்கள் ஆகியவை இருந்தாலும் இவ்விரண்டு கைபேசிகளுக்கென தனித்தனியாக குறிமுறைவரிகளை கொண்டு பயன்பாடுகளை உருவாக்காமல் ஒரேகுறிமுறைவரிகளை கொண்டு இவைகளின்சொந்த பயன்பாடுகளை போன்று இந்தFlutterஇன் வாயிலாக கட்டமைத்திடலாம் இது பயனாளர் இடைமுகப்பிற்கான நெகிழ்வுதன்மை கொண்டது அசைவூட்டங்கள் போன்ற நவீண வசதிகளையும் இதன்வாயிலாக கொண்டுவரமுடியும் இதில் உருவாகும் பயன்பாடுகளை வாடிக்கையாளர் விரும்பியவாறு மாற்றியமைத்து-கொள்ளமுடியும் இந்த Flutterஎனும் பயனாளர் இடைமுகப்பு வரைச்சட்டத்தை பயன்-படுத்தி கொள்வதற்காக கூடுதல் இணைப்பாக Dartஎனும் கணினிமொழி தேவையாகும் (https://www.dartlang.org/) மேலும் c++கணினிமொழியின் பொறியை இது இயங்குவதற்காக பயன்படுத்தி கொள்கின்றது கூகுளானது தம்முடைய பெரும்பாலான செயல்திட்டங்களுக்கு இந்தFlutterஎனும் பயனாளர் இடைமுக வரைச்சட்டத்தையே பயன்படுத்தி கொள்கின்றது அதுமட்டுமல்லாது அலிபாபா, அப் ட்ரீ, அப்பே ரோட்,ஹாமில்டன் மியூஸிக்கல் போன்றவை இந்தFlutterஎனும் பயனாளர் இடைமுக வரைச்சட்டத்தை பயன்படுத்திடும் மிகமுக்கிய வாடிக்கையாளர்களாவார்கள்
இந்தFlutterஐ பயன்படுத்தி கைபேசி பயன்பாடுகளை உருவாக்குவதற்காக பின்வரும் கட்டமைவை நிறுவுகை செய்திடுக 1.Flutter SDKஇதில் Flutter பொறி,கருவிகள் பொருட்கள் Dart SDKஆகியவை கொண்டதாகும் 2. IDE இதில்Android Studio, VSCode, IntelliJ ஆகிய பல்வேறு IDEக்களை கொண்டதாகும் 3.Plugin இதில் கூடுதல் இணைப்பாக Flutterஉம் Dart உம் கூடுதல்இணைப்புPluginகளாக இதனுடைய குறிப்பிட்ட IDEகொண்டதாகும்

1
வழக்கம்போன்று நம்முடைய முதன்முதலான “அனைவருக்கும் வணக்கம்” எனும் கைபேசி பயன்பாடுகளை இதன் வாயிலாக உருவாக்கிடுவோம்
import ‘package:flutter/material.dart’;
void main() => runApp(new MaterialApp(
title: ‘First Flutter App’,
home: MyApp(),
));
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(‘Demo App’),
),
body: Center(
child: Text(‘அனைவருக்கும் வணக்கம்!’),
),
);
}
}
இந்த குறிமுறைவரிகளில் import ‘package:flutter/material.dart’ எனும் வரியானது இந்த பயன்பாட்டிற்கு தேவையான தோற்றத்தை வழங்கக்கூடிய முன்கூட்டியே வரையறுக்-கப்பட்ட கோப்பின் கட்டுகளை பயன்பாட்டிற்குள் கொண்டுவருகின்றது இதிலிருந்து பொருட்களை பயன்படுத்தி நமக்கு தேவையானவாறு உருவாக்கி கொள்ளலாம்
MaterialApp எனும் வரிhome route ஆகியவை சேர்ந்த இதுனுடைய அளவு-கோல்களாகும்
Scaffold எனும் வரி முதன்மையான உள்ளடக்கங்களுக்கான புறவமைப்பாக செயல்-படுகின்றது
StatelessWidget எனும் வரி பெற்றோர் மதிப்புகளை தேக்கி வைத்துகொள்கின்றது புதிய பயன்பாட்டினை உருவாக்குவதற்காக அந்த மதிப்பினை பயன்படுத்தி கொள்கின்றது
MaterialApp என்பது நமக்கு தேவையானபயன்பாட்டினைமெய்நிகர் சாதனம் அல்லது உண்மையான சாதனத்தில் வழக்கமான ஆண்ட்ராய்டு அல்லது ஐஓஎஸ் பயன்பாடுகளை உருவாக்கி இயங்கசெய்கின்றது இதனை செயல்படுத்தியவுடன் படத்தில் உள்ளவாறு தோற்றம் அமைந்திடும்.

2
பொருட்கள் Text , Stack , Container, Gesture(தாவுதல்,இருமுறை தாவுதல,நீண்டநேரம் அழுத்துதல், நெடுவரிசையில் இழுத்துசெல்லுதல் ,கிடைவரிசையில் இழுத்து செல்லுதல் ஆகிய செயல்களுக்கானது), Image, Icon,Rise Button போன்ற பல்வேறு பொருட்களை (Widgets) உருவாக்குவதற்கான குறிமுறைவரிகளை https://flutter.io/widgets/basics/ .என்ற தளத்திற்கு சென்றுஅறிந்து பயன்படுத்திகொள்க.
பின்வரும் குறிமுறைவரிகள்StatelessWidget என்பதற்கு எடுத்துகாட்டாகும்
class Demo extends StatelessWidget {
const Demo({ Key key }) : super(key: key);
@override
Widget build(BuildContext context) {
return new Column();
}
}
இதற்குமறுதலையாக மாறக்கூடிய நிலையிலான பொருட்களுக்கு பின்வரும் குறிமுறைவரிகள் StatefulWidgetஎன்பதற்கு எடுத்துகாட்டாகும்
class Demo extends StatefulWidget {
const Demo({ Key key }) : super(key: key);
@override
_DemoState createState() => new _DemoState();
}
class _DemoState extends State {
@override
Widget build(BuildContext context) {
return new Column();
}
}
Flutterஐ பயன்படுத்தி ஆண்ட்ராய்டு சாதனத்திற்கான பயன்பாடுகளை உருவாக்குதல்
1.Android Views எந்தவொருளிற்குமான பயன்பாடுகளிலும் இந்த Views அடிப்படை-யானதுதான் FlutterView ஆனது ஆண்ட்ராய்டு View இற்கு சமமானதாகும் ஆயினும் பயனாளர் இடைமுகத்திற்கு ஏற்றவாறு உண்மை தோற்றத்தை இது உருமாற்றி அமைக்கின்றது
2.MaterilaLibraryஆண்ட்ராய்டில் பயன்படுத்திடுவதையே இந்தFlutterஉம் பயன்படுத்தி கொள்கின்றது
3.Draw/paint இதற்காக ஆண்ட்ராய்டானது Canvas, Drawableஆகியவற்றை பயன்படுத்தி கொள்கின்றது Flutterஆனது அதற்காக Canvas APIஐ பயன்படுத்தி கொள்கின்றது 4.Navigationஆண்ட்ராய்டானது செயல்களுக்கிடையேவழிகாட்டிட Intentsஎன்பதை பயன்படுத்தி கொள்கின்றது Flutterஆனது திரைகளுக்கு இடையே வழிகாட்டிட Navigator, Routes என்பவைகளை பயன்படுத்தி கொள்கின்றது மேலும் விவரங்களுக்கு https://flutter.io/flutter-for-android/ என்ற இணையதளத்திற்கு சென்றறிந்து பயன்படுத்தி கொள்க
Flutterஐ பயன்படுத்தி ஐஓஎஸ் சாதனத்தின் பயன்பாடுகளை உருவாக்குதல்
1.IOSUIView எந்தவொருளிற்குமான பயன்பாடுகளிலும்இந்த Views அடிப்படையானதுதான் ஆயினும் பயனாளர் இடைமுகத்திற்கு ஏற்றவாறு உண்மை தோற்றத்தை FlutterView ஆனது உருமாற்றி அமைக்கின்றது
2.MaterilaLibrary இங்குFlutterஆனது பொருட்களின் வடிவமைப்பு வழிகாட்டியை பயன்-படுத்தி ஐஓஎஸ் பொருத்தமாக அமைந்துமாறு செய்கின்றது
3.Opacity ஐஓஎஸ்இல் எந்தவொன்றையும் .Opacityஅல்லது.alphaஆக பயன்படுத்தி கொள்கின்றது ஆனால்Flutterஆனது Wrapஎன்பதை Opacity ஆக பயன்படுத்தி கொள்கின்றது
4.Navigationஐஓஎஸ்இல் UI Navigation Controllerஎன்பதை காட்சியை கட்டுபடுத்துபவராக பயன்படுத்தி கொள்கின்றது Flutterஆனது திரைகளுக்கு இடையே வழிகாட்டி Navigator, Routesஎன்பவைகளை பயன்படுத்தி கொள்கின்றது
மேலும் விவரங்களுக்கு https://flutter.io/flutter-for-ios/ என்ற இணையதளததிற்கு சென்றறிந்து பயன்படுத்தி கொள்க
3