ফ্লাটার লিস্ট ভিউ

স্ক্রলেবল আইটেম দেখানোর জন্য লিস্টভিউ ব্যবহার করা হয়। এখানে ব্যাসিক লিস্টভিউ এর ব্যবহার দেখানো হয়েছেঃ এখানে লিস্ট ভিউ এর ভেতর আমরা তিনটা টেক্সট উইজেট যোগ করেছি। এখানে যে কোন উইজেট আমরা ব্যবহার করতে পারব। ListView.builder ডাইন্যামিক্যালি লিস্টভিউ তৈরি করার জন্য রয়েছে ListView.builder। এখানে একটা উদাহরণ দেখিঃ এখানে প্রথমে items নামে একটা ডামি লিস্ট তৈরি করে … Read more

ফ্লাটার টেক্সট ফিল্ড

টেক্সট ইনপুট নেওয়ার জন্য টেক্সট ফিল্ড ব্যবহার করা হয়। চারপাশে বর্ডার যুক্ত একটা টেক্সট ফিল্ড আমরা এভাবে ব্যবহার করতে পারিঃ এখানে decoration প্রোপার্টি অপশনাল। decoration প্রোপার্টি ব্যবহার করে টেক্সট ফিল্ডে লেভেল এবং বর্ডার যোগ করেছি। সম্পূর্ণ প্রজেক্টঃ যার আউটপুট পাবো এমনঃ ইনপুট দিতে পারি কিন্তু ইনপুট নিয়ে কিছুই করছি না। ইনপুট নেওয়ার পর সেগুলো নিয়ে … Read more

ফ্লাটার বাটন

ফ্লাটারে অনেক ধরণের বাটন ব্যবহার করা যায়। যেমন কমন বাটন উইজেট হচ্ছে ElevatedButton। যা এভাবে ব্যবহার করা যায়ঃ সিম্পল টেক্সট বাটন ব্যবহার করতে চাইলে রয়েছে TextButton উইজেটঃ বাটনের চারপাশে যদি বর্ডার চাই, তাহলে রয়েছে OutlinedButton উইজেটঃ কোন আইকনকে বাটন হিসেবে ব্যবহার করার জন্য রয়েছে IconButton উইজেটঃ বাটনে আমরা যে কোন স্টাইল যোগ করতে পারি। যেমন … Read more

ফ্লাটারে ইমেজ

ফ্লাটার অ্যাপে ইমেজ যোগ করার জন্য রয়েছে ইমেজ উইজেট। লোকাল অথবা যে কোন URL থেকে আমরা ইমেজ দেখাতে পারি। প্রথমে দেখি কিভাবে URL থেকে ইমেজ দেখানো যায়। যার জন্য এভাবে লিখতে পারিঃ এতটুকুই। সম্পূর্ণ অ্যাপঃ এখন যে ইমেজটা আমরা লোড করব, তা অনেক বড় হতে পারে। অ্যাপে সুন্দর ভাবে নাও দেখাতে পারে। আর তাই বিভিন্ন … Read more

ফ্লাটার টেক্সট

যে কোন অ্যাপের বিল্ডিংন ব্লক হচ্ছে টেক্সট। সব আপেই কোন না কোন টেক্সট দেখানো লাগে। ফ্লাটার অ্যাপে টেক্সট দেখানোর জন্য রয়েছে Text উইজেট। যা নিচের মত করে ব্যবহার করা হয়ঃ যেমন সম্পূর্ণ প্রজেক্টঃ কোন টেক্সটে স্টাইল যোগ করার জন্য রয়েছে style প্রোপার্টি। যা ব্যবহার করে টেক্সটে যে কোন স্টাইল যোগ করতে পারি। যেমন ফন্ট সাইজ … Read more

ফ্লাটারে সূচনা

ফ্লাটার ইন্সটল ফ্লাটারে কাজ করার সবচেয়ে ভালো উপায় হচ্ছে ভিজ্যুয়াল স্টুডিও কোড। ভিজ্যুয়াল স্টুডিও কোডের জন্য ফ্লাটার এক্সটেনশন রয়েছে। তা ইন্সটল করে ফ্লাটার প্রজেক্ট তৈরি করা যায়। তবে শুরু করার জন্য সহজ হচ্ছে এন্ড্রয়েড স্টুডিও। এন্ড্রয়েড স্টুডিও ডাউনলোড করার পর ফ্লাটার প্লাগিন ইন্সটল করে নিতে হবে। তাহলে New Flutter Project অপশন পাওয়া যাবে। উপরের ফ্লাগিন … Read more

iOS এর জন্য ফটো ফিল্টার অ্যাপ তৈরি

অ্যাপল প্লাটফর্মে ইমেজ নিয়ে কাজ করার জন্য রয়েছে কোর ইমেজ ফ্রেমওয়ার্ক। যেখানে বিল্টইন ২০০+ ফিল্টার রয়েছে। প্রয়োজন অনুযায়ী যেগুলো আমরা আমাদের প্রজেক্টে ব্যবহার করতে পারি। এমনকি চাইলে নিচের মত করে সব গুলো ফিল্টারের লিস্ট বের করতে পারিঃ পুরা উদাহরণঃ আমরা দেখব ২০০+ ফিল্টারের লিস্ট।  যেমন একটা ইমেজে Sepia ফিল্টার প্রয়োগ করার জন্য এভাবে কোড … Read more

SwiftUI তে ইমেজ ক্রপ

ইমেজ ক্রপ করা সহজ। যেমন নিচের কোড দেখিঃ এটি আমাদের একটা ইমেজকে নির্দিষ্ট সাইজে ইমেজ ক্রপ করে দিবে। যেটা ইমেজের সেন্টার থেকে ইমেজকে নির্দিষ্ট সাইজে ক্রপ করে দিবে। নির্দিষ্ট এসপেক্ট রেশিও অনুযায়ী ইমেজ ক্রপ করতে চাইলে নিচের মত করে ইমপ্লিমেন্ট করতে পারিঃ কাস্টম এসপেক্ট রেশিও অনুযায়ীও আমরা চাইলে ক্রপ করে নিতে পারি। তার জন্য এভাবে … Read more

iOS অ্যাপ ডেভেলপমেন্ট শেখার জন্য বই – প্র্যাক্টিক্যাল SwiftUI

আইওএস নিয়ে এই ব্লগে লেখা শুরু করি ২০১৫ সাল থেকে। বলা যায় ১০ বছর আগে থেকে। প্রথম iOS অ্যাপ এবং Xcode সম্পর্কে ধারণা দিয়ে সূচনা করি সম্ভবত। কিছুদিন iOS, কিছুদিন এন্ড্রয়েড এবং অন্যান্য ডেভেলপমেন্টের সাথে জড়িত ছিলাম। মেইনলি মোবাইল অ্যাপ ডেভেলপমেন্টই করতাম। এই সময় যে কয়েকটা ফ্রেময়ার্কের সাথে পরিচিত হয়েছি, আমার কাছে সবচেয়ে সুন্দর UI … Read more

SwiftUI অ্যাপে ইউটিউব ভিডিও

ওয়েব ভিউ ব্যবহার করে আমরা সহজে SwiftUI অ্যাপে ইউটিউব ভিডিও প্লে করতে পারি। YouTubeWebView তে ভিডিও আইডি পাস করলে ভিডিও ওয়েব ভিউতে লোড হবে। এরপর ইউজার চাইলে প্লে করতে পারবে। ওয়েবভিউতে ভিডিও অটোপ্লে হচ্ছিল না। সাধারণত ভিডিও URL এ ?autoplay=1 প্যারামিটার যোগ করলে অটোপ্লে হওয়ার কথা। পরে অটো প্লে এর সলিউশন খুঁজতে গিয়ে YouTubePlayerKit নামে … Read more