কিভাবে লেয়ার, সামনে এবং সামনে গ্রাফিক্স আনা

গ্রাফিক্স ম্যানিপুলেশন করতে কোরোনা এসডিকি ব্যবহার

কোরোনার এসডিকে গ্রাফিক্স তৈরি, ম্যানিপুলেট করা এবং পরিচালনার মূল উপাদান হচ্ছে প্রদর্শন বস্তু। শুধুমাত্র এই বস্তুর একটি ফাইল থেকে একটি ইমেজ প্রদর্শন করতে ব্যবহার করা যাবে না, সম্ভবত হিসাবে গুরুত্বপূর্ণ, এটি আপনি একসঙ্গে আপনার ইমেজ গ্রুপ করতে পারবেন। এটি আপনাকে স্ক্রিনের চারপাশে পুরো গ্রাফিক্স একসাথে সরাতে এবং একে অপরের উপরে লেয়ার গ্রাফিক্স স্থানান্তর করতে দেয়।

এই টিউটোরিয়ালটি আপনাকে আপনার প্রজেক্টের গ্রাফিকাল বস্তুগুলি সংগঠিত করতে প্রদর্শনের গোষ্ঠীগুলি ব্যবহার করার মূল বিষয়গুলি শিখাবে। এটি দুটি ভিন্ন স্তর তৈরি করে প্রদর্শিত হবে, যেটি স্বাভাবিক স্ক্রিনের প্রতিনিধিত্ব করে এবং অন্যটি এটির উপরে স্থাপন করা একটি মডাল স্তর প্রতিনিধিত্ব করে। গ্রাফিক্স লেয়ারিং ছাড়াও, আমরা সম্পূর্ণ মোডাল গ্রুপ সরানোর জন্য ট্রানজিস্টেশন অবজেক্টটি ব্যবহার করব।

কিভাবে আপনার অ্যাপ্লিকেশন বাজারে

দ্রষ্টব্য: এই টিউটোরিয়ালটি অনুসরণ করার জন্য, আপনাকে দুটি চিত্রের প্রয়োজন হবে: image1.png এবং image2.png। এটি আপনার নির্বাচিত কোনও চিত্র হতে পারে, তবে আপনার 100 টি পিক্সেলের ছবিগুলি 100 পিক্সেলের মত হলে ছবিটি সর্বোত্তম কাজ করবে। এটি আপনাকে সহজেই ইমেজগুলিতে কি ঘটছে তা দেখতে দেবে।

শুরু করতে, আমরা main.lua নামক একটি নতুন ফাইল খুলবো এবং আমাদের কোড তৈরি করা শুরু করবো:

displayMain = display.newGroup (); displayFirst = display.newGroup (); displaySecond = display.newGroup (); global_move_x = display.contentWidth / 5;

এই কোডটি আমাদের UI লাইব্রেরী সেট করে এবং প্রদর্শন গোষ্ঠীর মাধ্যমে ঘোষণা দেয়: displayMain, displayFirst এবং ডিসক্লেইন্ড সেকেন্ড। আমরা আমাদের গ্রাফিক্স প্রথম স্তরের ব্যবহার করব এবং তারপর তাদের সরানো হবে। গ্লোবাল_মোভ_স ভেরিয়েবল ডিসপ্লেের প্রস্থের ২0% পর্যন্ত নির্ধারণ করা হয়েছে যাতে আমরা আন্দোলনটি দেখতে পারি।

ফাংশন সেটআপ স্ক্রীন () displayMain: সন্নিবেশ (displayFirst); displayMain: ঢোকান (displaySecond); displayFirst: toFront (); displaySecond: toFront (); স্থানীয় পটভূমি = display.newImage ("image1.png", 0,0); displayFirst: সন্নিবেশ (পটভূমি); স্থানীয় ব্যাকগ্রাউন্ড = ডিসপ্লে। এনওয়াইআইমেজ ("ইমেজ ২.পিএল", 0,0); displaySecond: সন্নিবেশ (পটভূমি); শেষ

SetupScreen ফাংশন দেখায় কিভাবে প্রধান প্রদর্শনীতে প্রদর্শনের গ্রুপগুলি যোগ করা যায়। আমরা বিভিন্ন গ্রাফিক লেয়ার সেট আপ করার জন্য ফরম্যাট () ফাংশন ব্যবহার করি, যা আমরা শেষবার ঘোষিত সব সময় উপরে লেয়ারটিকে চাই।

এই উদাহরণে, প্রদর্শনের সামনে এগিয়ে যাওয়ার জন্য প্রকৃতপক্ষে এটি প্রদর্শন করা প্রয়োজন হয় না, কারণ এটি প্রদর্শনী গ্রুপের নীচের অংশে ডিফল্ট হবে, তবে প্রতিটি ডিসপ্লে গ্রুপকে স্পষ্টভাবে লেয়ারিং করার অভ্যাসের মধ্যে প্রবেশ করা ভাল। বেশিরভাগ প্রকল্প দুটি স্তরের তুলনায় আরো শেষ হবে

আমরা প্রতিটি গ্রুপের একটি ছবিও যোগ করেছি। যখন আমরা অ্যাপটি শুরু করি তখন দ্বিতীয় চিত্রটি প্রথম চিত্রের শীর্ষে থাকা উচিত।

ফাংশন স্ক্রীনলেয়ার () প্রদর্শন প্রথমঃ toFront (); শেষ

আমরা ইতিমধ্যেই প্রদর্শন গ্রাফের উপরের অংশে আমাদের গ্রাফিক্স প্রদর্শন করেছি। এই ফাংশন প্রদর্শন সামনে অগ্রসর হবে।

ফাংশন স্থানান্তর () প্রদর্শনএসেকেন্ড.x = ডিসপ্লে Second.x + global_move_x; শেষ

MoveOne ফাংশন দ্বিতীয় ইমেজটি স্ক্রিনের প্রস্থের 20% দ্বারা ডানদিকে সরাবে। যখন আমরা এই ফাংশনটি কল করি তখন প্রদর্শন দ্বিতীয় গ্রুপটি displayFirst গ্রুপের পিছনে থাকবে।

ফাংশন স্লাইডটো () displayMain.x = displayMain.x + global_move_x; শেষ

পদক্ষেপ দুটি ফাংশন উভয় ইমেজ স্ক্রিন প্রস্থ 20% দ্বারা ডান দিকে সরানো হবে। যাইহোক, প্রতিটি গ্রুপ পৃথকভাবে সরানোর পরিবর্তে, আমরা একই সময়ে উভয় তাদের স্থানান্তর displayMain গ্রুপ ব্যবহার করব। এটি একটি দুর্দান্ত উদাহরণ যা একাধিক প্রদর্শনী গোষ্ঠীগুলিতে একটি প্রদর্শনী গোষ্ঠী একযোগে অনেক গ্রাফিক্সকে নিপূণভাবে ব্যবহার করতে ব্যবহার করা যেতে পারে।

setupScreen (); timer.performWithDelay (1000, screenLayer); timer.performWithDelay (2000, moveOne); timer.performWithDelay (3000, moveTwo);

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

যখন আপনি অ্যাপটি চালু করবেন, তখন আপনার image1.png এর উপরে image2.png থাকতে হবে। স্ক্রীনলেয়ারের ফাংশনটি সামনে এনে image1.png আক্রান্ত হবে। MoveOne ফাংশন image2.png এটি image1.png এর নিচে থেকে সরানো হবে এবং সরানো দুটি ফাংশন শেষ হবে, একই সময়ে উভয় ইমেজ সরানো হবে।

একটি ধীর আইপ্যাড ফিক্স কিভাবে

এটা মনে রাখা গুরুত্বপূর্ণ যে এই গ্রুপগুলির প্রত্যেকটিতে তাদের কয়েক ডজন ছবি থাকতে পারে। এবং সরানো হিসাবে দুটি ফাংশন একটি লাইন কোড সঙ্গে ছবি উভয় সরানো, একটি গ্রুপের মধ্যে সমস্ত ইমেজ গ্রুপ দেওয়া আদেশ নিতে হবে।

টেকনিক্যালি, displayMain গ্রুপের মধ্যে রয়েছে উভয় প্রদর্শনী গ্রুপ এবং চিত্র থাকতে পারে। যাইহোক, কিছু গ্রুপ যেমন প্রদর্শন হিসাবে ভাল একটি ভাল অনুশীলন হয় ভাল সংগঠন তৈরি করার জন্য কোন ইমেজ ছাড়া অন্যান্য গ্রুপ জন্য পাত্রে হিসাবে কাজ।

এই টিউটোরিয়াল প্রদর্শন বস্তুর ব্যবহার করে। প্রদর্শন বস্তুর সম্পর্কে আরও জানুন।

কিভাবে আইপ্যাড অ্যাপ্লিকেশন বিকাশ শুরু করবেন