সুচিপত্র:

আপনার নিজের উইজেট তৈরি করুন: 6 টি ধাপ
আপনার নিজের উইজেট তৈরি করুন: 6 টি ধাপ

ভিডিও: আপনার নিজের উইজেট তৈরি করুন: 6 টি ধাপ

ভিডিও: আপনার নিজের উইজেট তৈরি করুন: 6 টি ধাপ
ভিডিও: Microsoft Word Tutorial in Page Setup। Page Layout । Margin, Size, Orientation, Column। পেইজ সেটআপ 2024, নভেম্বর
Anonim
আপনার নিজের উইজেট তৈরি করুন
আপনার নিজের উইজেট তৈরি করুন

এই নির্দেশযোগ্য আপনাকে শেখাবে কিভাবে একটি মৌলিক ইয়াহু তৈরি করতে হয়! উইজেট। এই টিউটোরিয়ালের শেষে, আপনি কিছু জাভাস্ক্রিপ্ট এবং এক্সএমএল শিখতে পারবেন।

ধাপ 1: শুরু করা

শুরু হচ্ছে
শুরু হচ্ছে

উইজেট তৈরির জন্য আপনাকে কিছু সরঞ্জাম প্রয়োজন হবে:- ম্যাক ওএস এক্স বা উইন্ডোজ এক্সপি/ভিস্তা সহ একটি কম্পিউটার- একটি পাঠ্য সম্পাদনা প্রোগ্রাম। (নোটপ্যাড নিখুঁত।)- একটি ইমেজ এডিটিং প্রোগ্রাম। (মাইক্রোসফট পেইন্ট ঠিক আছে।)- ধৈর্য এবং সময়।- ইয়াহু উইজেট- উইজেট কনভার্টার উইজেট একবার আপনার কাছে এই প্রোগ্রাম এবং উইজেট থাকলে, আপনি দ্বিতীয় ধাপে যাওয়ার জন্য প্রস্তুত।

ধাপ 2: ফোল্ডার কাঠামো তৈরি করা

ফোল্ডার স্ট্রাকচার তৈরি করা
ফোল্ডার স্ট্রাকচার তৈরি করা
ফোল্ডার স্ট্রাকচার তৈরি করা
ফোল্ডার স্ট্রাকচার তৈরি করা

এখন আপনাকে একটি উইজেট তৈরি করে এমন সব ফাইল রাখার জন্য ফোল্ডার স্ট্রাকচার তৈরি করতে হবে। সামগ্রী | Widget.kon Main.js সম্পদ | উইজেট যে সব ছবি ব্যবহার করবে আপনি এই উইজেটটি ডাউনলোড করে স্বয়ংক্রিয়ভাবে ফোল্ডার স্ট্রাকচার তৈরি করতে পারেন - স্ট্রাকচার - রেইনিয়ার কাপারস উইজেটের পছন্দসমূহ এর যেকোনো অংশে ডান ক্লিক করে, এবং পছন্দগুলিতে ক্লিক করুন। কাঠামোর পছন্দগুলিকে নিম্নলিখিতগুলিতে পরিবর্তন করুন: রুট: আপনার উইজেট ফোল্ডারে নেভিগেট করুন। (উইন্ডোজের 'আমার ডকুমেন্টস' এ অবস্থিত) এখন আপনি উইজেটটিতে ক্লিক করতে পারেন এবং একটি ডায়ালগ বক্স পপ আপ হবে, আপনাকে উইজেটের নাম জিজ্ঞাসা করবে।

ধাপ 3: সমস্ত প্রয়োজনীয় ফাইল তৈরি করা

সমস্ত প্রয়োজনীয় ফাইল তৈরি করা
সমস্ত প্রয়োজনীয় ফাইল তৈরি করা

আমরা widget.xml ফাইল তৈরি করে শুরু করব, যা উইজেট ইঞ্জিনকে আপনার উইজেট সম্পর্কে তথ্য বলে। আপনার ব্যবহারের জন্য তৈরি একটি টেমপ্লেট ডাউনলোড করুন। নীচের লিঙ্কটি ডাউনলোড করুন। আপনি আগে যে নামটি চয়ন করেছেন সেই ফোল্ডারে অবস্থিত 'বিষয়বস্তু' ফোল্ডারে ফাইলটি রাখুন। আপনার পছন্দের টেক্সট এডিটর দিয়ে ফাইলটি খুলুন এবং আপনার নাম দিয়ে YourNameHere প্রতিস্থাপন করুন। সংরক্ষণ করুন এবং বন্ধ করুন।এরপর আমরা.kon ফাইল তৈরি করব যা মূল ফাইল যা উইজেটকে কী করতে হবে তা বলে।. Kon ফাইলটি কেবল একটি এক্সএমএল ফাইল যার নাম পরিবর্তন করা হয়েছে। এই মৌলিক widget.kon ফাইলটি ডাউনলোড করুন এবং এটি 'বিষয়বস্তু' ফোল্ডারে রাখুন। আবার, একটি টেক্সট এডিটর দিয়ে ফাইলটি খুলুন। প্রথম লাইনটি বোঝায় যে ফাইলটি একটি XML ফাইল যা UTF-8 এনকোডিং দিয়ে তৈরি। পরের ট্যাগটি যোগ করতে হবে উইজেট ট্যাগ; তারপরে আপনি ডিবাগের মতো আপনার সেটিংস ঘোষণা করুন; । এখন আপনি আপনার উইন্ডো উপাদান যোগ করার জন্য প্রস্তুত; । উইজেটগুলির একাধিক বস্তু রয়েছে যা নির্দিষ্ট কিছু কাজ করে এবং নির্দিষ্ট বৈশিষ্ট্য রয়েছে। উদাহরণস্বরূপ পাঠ্য বস্তু,, পাঠ্য তৈরি করে। টেক্সট অবজেক্টের কিছু বৈশিষ্ট্যের একটি তালিকা এখানে দেওয়া হল: -vOffset (aka y) -width -height এই বলে, চলুন কোডিং শুরু করি। ট্যাগগুলিতে kon ফাইলে নিম্নলিখিত কোড যুক্ত করুন: myTextHello World! BlueArial18left252 ইংরেজিতে, এটি myText নামে একটি টেক্সট অবজেক্ট সেট করে, যা "হ্যালো ওয়ার্ল্ড!" ফন্ট Arial, রঙ নীল, এবং আকার 12. আপনার kon ফাইল সংরক্ষণ করুন, এবং চার ধাপ অবিরত।

ধাপ 4: আনন্দ করুন

আনন্দ করুন!
আনন্দ করুন!

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

ধাপ 5: ফাংশন যোগ করা

ফাংশন যোগ করা
ফাংশন যোগ করা

এখন আমরা বর্তমান সময় উইজেট প্রদর্শন করতে যাচ্ছি। এর জন্য একটি টাইমার লাগবে যা প্রতি মিনিটে আপডেট হবে এবং অন্য একটি ফাইল। পরের ফাইলটি হবে একটি জাভাস্ক্রিপ্ট ফাইল, যা 'বিষয়বস্তু' ফোল্ডারে যাবে। আপনার পাঠ্য সম্পাদক খুলুন এবং main.js নামে একটি ফাইল তৈরি করুন। সময় যোগ করার জন্য, আমরা "তারিখ বস্তু" ব্যবহার করব। তারিখ বস্তু সেটআপ করতে, আপনি একটি ফাংশন তৈরি করুন। Js ফাইলে এই ফাংশনটি যোগ করুন: ফাংশন updateText () '{theTime = new Date (); ঘন্টা = স্ট্রিং (theTime.getHours ()); মিনিট = স্ট্রিং (theTime.getMinutes ()); myText.data = "সময় হল:"+ঘন্টা+":"+মিনিট; মুদ্রণ ('আপডেট');} আপনার উইজেটটি এখনও সময় দেখাবে না, কারণ এটি জেস ফাইলের সাথে কী করতে হবে তা জানে না। এটির যত্ন নেওয়ার জন্য, আমরা এই ইভেন্ট হ্যান্ডলারটি কন ফাইলে যোগ করি, ট্যাগগুলিতে কিন্তু ট্যাগে নয়: অন্তর্ভুক্ত করুন ('main.js'); সময় আপডেট করতে, আমাদের একটি টাইমার তৈরি করতে হবে, যা চলে যায় Kon ফাইল, ট্যাগগুলিতে কিন্তু ট্যাগে নয়: ফাইলগুলি সংরক্ষণ করুন এবং উইজেটটি লোড করুন। এটা সময় দেখানো উচিত। যদি এটি কাজ না করে তবে নীচে থেকে কন এবং জেএস উভয়ই ডাউনলোড করুন এবং পুরানোগুলি দিয়ে প্রতিস্থাপন করুন।

ধাপ 6: এটি সব শেষ

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

প্রস্তাবিত: