অ্যান্ড্রয়েড স্টুডিও ওয়ার্কফ্লো

একটি UI প্যাকেজ আমদানি করুন

একবার আপনি ফিগমাতে একটি UI প্যাকেজ তৈরি করলে, আপনি এটি আপনার Android স্টুডিও প্রকল্পে আমদানি করতে পারেন। যখন প্রকল্পটি নির্মিত হয়, রিলে জেটপ্যাক কম্পোজ কোড তৈরি করে।

একটি অ্যান্ড্রয়েড স্টুডিও প্রকল্পে একটি UI প্যাকেজ আমদানি করতে:

1. ফাইল নির্বাচন করুন > নতুন > UI প্যাকেজ আমদানি করুন...

   

2. একটি UI প্যাকেজ ধারণকারী Figma ফাইলের URL লিখুন।

   

3. পরবর্তী ক্লিক করুন.

4. আপনি যে UI প্যাকেজগুলি আমদানি করতে চান তা নির্বাচন করুন৷ যে উপাদানগুলি দেখানো হয়েছে তা নির্ভর করে আপনি একটি উপাদান, পৃষ্ঠা বা ফাইল লিঙ্ক পেস্ট করেছেন কিনা তার উপর। যদি একটি UI প্যাকেজ ইতিমধ্যেই আমদানি করা হয়, তাহলে এটিকে "আপডেট" লেবেল করা হয়। অন্যথায়, এটি "নতুন" হিসাবে দেখায়।

   

5. নির্বাচিত প্যাকেজ এবং তাদের নির্ভরতা ui-packages ফোল্ডারে আমদানি করতে Finish এ ক্লিক করুন।

UI প্যাকেজ আমদানি স্ক্রীন

আমদানি পর্দায় নিম্নলিখিত তথ্য রয়েছে:

• উপাদান এবং এর রূপগুলির একটি পূর্বরূপ চিত্র।
• একটি শিরোনাম এবং বর্ণনা।
• বৈকল্পিক এবং তাদের বৈশিষ্ট্য একটি তালিকা.
• বিষয়বস্তু পরামিতি এবং তাদের প্রকারের একটি তালিকা।
• মিথস্ক্রিয়া হ্যান্ডলার এবং তাদের প্রকারের একটি তালিকা।

UI প্যাকেজ টুল উইন্ডো

অ্যান্ড্রয়েড স্টুডিও প্লাগইন UI প্যাকেজ নামে একটি টুল উইন্ডো যোগ করে। যখনই আপনি একটি UI প্যাকেজ ফোল্ডারের মধ্যে একটি ফাইল নির্বাচন করেন তখন এটি খোলে (যেমন, app/src/main/ui-packages/mycomponent/ )। টুল উইন্ডোটি UI প্যাকেজ এবং এর বিষয়বস্তুর একটি সারসংক্ষেপ প্রদর্শন করে।

আপনার Android প্রকল্প তৈরি করুন

আপনি যখন একটি UI প্যাকেজ সহ একটি Android স্টুডিও প্রকল্প তৈরি করেন, তখন রিলে গ্রেডল প্লাগইন UI প্যাকেজ থেকে কোড তৈরি করে এবং এটি সংকলন করে। ফন্ট সম্পদগুলিও ডাউনলোড করা হয় এবং আপনার প্রকল্পে অনুলিপি করা হয়।

আপনি যদি শুধুমাত্র আমদানি করা UI প্যাকেজগুলি তৈরি করতে চান এবং আপনার সম্পূর্ণ প্রকল্পটি নয়, আপনি এই নির্দিষ্ট গ্রেডল কাজগুলি চালাতে পারেন:

• generateDebugRelayCode বা generateReleaseRelayCode UI প্যাকেজ থেকে প্রাপ্ত কোডের ডিবাগ বা রিলিজ সংস্করণ তৈরি করে।
• generateRelayRuntimeCode জেনারেট করা কোড দ্বারা ব্যবহৃত রানটাইম লাইব্রেরি তৈরি করে।

নির্মাণ প্রক্রিয়া চলাকালীন:

1. কোডটি UI প্যাকেজ থেকে তৈরি করা হয় এবং আলাদা ফোল্ডারে সংরক্ষণ করা হয়।
2. ইমেজ এবং ফন্ট একটি সাধারণ উত্পন্ন সম্পদ ফোল্ডারে অনুলিপি করা হয়.

ফোল্ডারগুলির অবস্থান আন্ডারস্ট্যান্ড UI প্যাকেজ এবং জেনারেটেড কোডে নথিভুক্ত করা হয়েছে।

একটি UI প্যাকেজ আপডেট করুন

একটি ডিজাইনের একটি নতুন সংস্করণ প্রস্তুত হলে, ডিজাইনারকে ফিগমা ফাইলের একটি নতুন নামযুক্ত সংস্করণ তৈরি করা উচিত।

অ্যান্ড্রয়েড স্টুডিওতে, প্রজেক্ট টুল উইন্ডোটি অ্যান্ড্রয়েড ভিউতে রয়েছে তা নিশ্চিত করুন।

1. আপনার মডিউলের ui-packages ফোল্ডারের অধীনে, আপনি যে UI প্যাকেজটি আপডেট করতে চান সেটিতে ডান-ক্লিক করুন এবং তারপরে আপডেট UI প্যাকেজ(গুলি) নির্বাচন করুন। নিম্নলিখিত উদাহরণে, আমরা আপডেট করার জন্য পাঁচটি UI প্যাকেজ নির্বাচন করেছি।

   

2. এছাড়াও আপনি সমস্ত UI প্যাকেজ আপডেট করতে ui-packages ফোল্ডারে ডান-ক্লিক করতে পারেন।

   

{% শব্দার্থে %} {% endverbatim %}

আপনার জন্য প্রস্তাবিত

• দ্রষ্টব্য: জাভাস্ক্রিপ্ট বন্ধ থাকলে লিঙ্ক টেক্সট প্রদর্শিত হয়
• UI প্যাকেজ এবং জেনারেটেড কোড বুঝুন
• সীমাবদ্ধতা এবং সমস্যা সমাধান
• বিদ্যমান কোডে উপাদান ম্যাপিং

{% শব্দার্থে %} {% endverbatim %} ,

একটি UI প্যাকেজ আমদানি করুন

একবার আপনি ফিগমাতে একটি UI প্যাকেজ তৈরি করলে, আপনি এটি আপনার Android স্টুডিও প্রকল্পে আমদানি করতে পারেন। যখন প্রকল্পটি নির্মিত হয়, রিলে জেটপ্যাক কম্পোজ কোড তৈরি করে।

একটি অ্যান্ড্রয়েড স্টুডিও প্রকল্পে একটি UI প্যাকেজ আমদানি করতে:

1. ফাইল নির্বাচন করুন > নতুন > UI প্যাকেজ আমদানি করুন...

   

2. একটি UI প্যাকেজ ধারণকারী Figma ফাইলের URL লিখুন।

   

3. পরবর্তী ক্লিক করুন.

4. আপনি যে UI প্যাকেজগুলি আমদানি করতে চান তা নির্বাচন করুন৷ যে উপাদানগুলি দেখানো হয়েছে তা নির্ভর করে আপনি একটি উপাদান, পৃষ্ঠা বা ফাইল লিঙ্ক পেস্ট করেছেন কিনা তার উপর। যদি একটি UI প্যাকেজ ইতিমধ্যেই আমদানি করা হয়, তাহলে এটিকে "আপডেট" লেবেল করা হয়। অন্যথায়, এটি "নতুন" হিসাবে দেখায়।

   

5. নির্বাচিত প্যাকেজ এবং তাদের নির্ভরতা ui-packages ফোল্ডারে আমদানি করতে Finish এ ক্লিক করুন।

UI প্যাকেজ আমদানি স্ক্রীন

আমদানি পর্দায় নিম্নলিখিত তথ্য রয়েছে:

• উপাদান এবং এর রূপগুলির একটি পূর্বরূপ চিত্র।
• একটি শিরোনাম এবং বর্ণনা।
• বৈকল্পিক এবং তাদের বৈশিষ্ট্য একটি তালিকা.
• বিষয়বস্তু পরামিতি এবং তাদের প্রকারের একটি তালিকা।
• মিথস্ক্রিয়া হ্যান্ডলার এবং তাদের প্রকারের একটি তালিকা।

UI প্যাকেজ টুল উইন্ডো

অ্যান্ড্রয়েড স্টুডিও প্লাগইন UI প্যাকেজ নামে একটি টুল উইন্ডো যোগ করে। যখনই আপনি একটি UI প্যাকেজ ফোল্ডারের মধ্যে একটি ফাইল নির্বাচন করেন তখন এটি খোলে (যেমন, app/src/main/ui-packages/mycomponent/ )। টুল উইন্ডোটি UI প্যাকেজ এবং এর বিষয়বস্তুর একটি সারসংক্ষেপ প্রদর্শন করে।

আপনার Android প্রকল্প তৈরি করুন

আপনি যখন একটি UI প্যাকেজ সহ একটি Android স্টুডিও প্রকল্প তৈরি করেন, তখন রিলে গ্রেডল প্লাগইন UI প্যাকেজ থেকে কোড তৈরি করে এবং এটি সংকলন করে। ফন্ট সম্পদগুলিও ডাউনলোড করা হয় এবং আপনার প্রকল্পে অনুলিপি করা হয়।

আপনি যদি শুধুমাত্র আমদানি করা UI প্যাকেজগুলি তৈরি করতে চান এবং আপনার সম্পূর্ণ প্রকল্পটি নয়, আপনি এই নির্দিষ্ট গ্রেডল কাজগুলি চালাতে পারেন:

• generateDebugRelayCode বা generateReleaseRelayCode UI প্যাকেজ থেকে প্রাপ্ত কোডের ডিবাগ বা রিলিজ সংস্করণ তৈরি করে।
• generateRelayRuntimeCode জেনারেট করা কোড দ্বারা ব্যবহৃত রানটাইম লাইব্রেরি তৈরি করে।

নির্মাণ প্রক্রিয়া চলাকালীন:

1. কোডটি UI প্যাকেজ থেকে তৈরি করা হয় এবং আলাদা ফোল্ডারে সংরক্ষণ করা হয়।
2. ছবি এবং ফন্ট একটি সাধারণ উত্পন্ন সম্পদ ফোল্ডারে অনুলিপি করা হয়.

ফোল্ডারগুলির অবস্থান আন্ডারস্ট্যান্ড UI প্যাকেজ এবং জেনারেটেড কোডে নথিভুক্ত করা হয়েছে।

একটি UI প্যাকেজ আপডেট করুন

একটি ডিজাইনের একটি নতুন সংস্করণ প্রস্তুত হলে, ডিজাইনারকে ফিগমা ফাইলের একটি নতুন নামযুক্ত সংস্করণ তৈরি করা উচিত।

অ্যান্ড্রয়েড স্টুডিওতে, প্রজেক্ট টুল উইন্ডোটি অ্যান্ড্রয়েড ভিউতে রয়েছে তা নিশ্চিত করুন।

1. আপনার মডিউলের ui-packages ফোল্ডারের অধীনে, আপনি যে UI প্যাকেজটি আপডেট করতে চান সেটিতে ডান-ক্লিক করুন এবং তারপরে আপডেট UI প্যাকেজ(গুলি) নির্বাচন করুন। নিম্নলিখিত উদাহরণে, আমরা আপডেট করার জন্য পাঁচটি UI প্যাকেজ নির্বাচন করেছি।

   

2. এছাড়াও আপনি সমস্ত UI প্যাকেজ আপডেট করতে ui-packages ফোল্ডারে ডান-ক্লিক করতে পারেন।

   

{% শব্দার্থে %} {% endverbatim %}

আপনার জন্য প্রস্তাবিত

• দ্রষ্টব্য: জাভাস্ক্রিপ্ট বন্ধ থাকলে লিঙ্ক টেক্সট প্রদর্শিত হয়
• UI প্যাকেজ এবং জেনারেটেড কোড বুঝুন
• সীমাবদ্ধতা এবং সমস্যা সমাধান
• বিদ্যমান কোডে উপাদান ম্যাপিং

{% শব্দার্থে %} {% endverbatim %} ,

একটি UI প্যাকেজ আমদানি করুন

একবার আপনি ফিগমাতে একটি UI প্যাকেজ তৈরি করলে, আপনি এটি আপনার Android স্টুডিও প্রকল্পে আমদানি করতে পারেন। যখন প্রকল্পটি নির্মিত হয়, রিলে জেটপ্যাক কম্পোজ কোড তৈরি করে।

একটি অ্যান্ড্রয়েড স্টুডিও প্রকল্পে একটি UI প্যাকেজ আমদানি করতে:

1. ফাইল নির্বাচন করুন > নতুন > UI প্যাকেজ আমদানি করুন...

   

2. একটি UI প্যাকেজ ধারণকারী Figma ফাইলের URL লিখুন।

   

3. পরবর্তী ক্লিক করুন.

4. আপনি যে UI প্যাকেজগুলি আমদানি করতে চান তা নির্বাচন করুন৷ যে উপাদানগুলি দেখানো হয়েছে তা নির্ভর করে আপনি একটি উপাদান, পৃষ্ঠা বা ফাইল লিঙ্ক পেস্ট করেছেন কিনা তার উপর। যদি একটি UI প্যাকেজ ইতিমধ্যেই আমদানি করা হয়, তাহলে এটিকে "আপডেট" লেবেল করা হয়। অন্যথায়, এটি "নতুন" হিসাবে দেখায়।

   

5. নির্বাচিত প্যাকেজ এবং তাদের নির্ভরতা ui-packages ফোল্ডারে আমদানি করতে Finish এ ক্লিক করুন।

UI প্যাকেজ আমদানি স্ক্রীন

আমদানি পর্দায় নিম্নলিখিত তথ্য রয়েছে:

• উপাদান এবং এর রূপগুলির একটি পূর্বরূপ চিত্র।
• একটি শিরোনাম এবং বর্ণনা।
• বৈকল্পিক এবং তাদের বৈশিষ্ট্য একটি তালিকা.
• বিষয়বস্তু পরামিতি এবং তাদের প্রকারের একটি তালিকা।
• মিথস্ক্রিয়া হ্যান্ডলার এবং তাদের প্রকারের একটি তালিকা।

UI প্যাকেজ টুল উইন্ডো

অ্যান্ড্রয়েড স্টুডিও প্লাগইন UI প্যাকেজ নামে একটি টুল উইন্ডো যোগ করে। যখনই আপনি একটি UI প্যাকেজ ফোল্ডারের মধ্যে একটি ফাইল নির্বাচন করেন তখন এটি খোলে (যেমন, app/src/main/ui-packages/mycomponent/ )। টুল উইন্ডোটি UI প্যাকেজ এবং এর বিষয়বস্তুর একটি সারসংক্ষেপ প্রদর্শন করে।

আপনার Android প্রকল্প তৈরি করুন

আপনি যখন একটি UI প্যাকেজ সহ একটি Android স্টুডিও প্রকল্প তৈরি করেন, তখন রিলে গ্রেডল প্লাগইন UI প্যাকেজ থেকে কোড তৈরি করে এবং এটি সংকলন করে। ফন্ট সম্পদগুলিও ডাউনলোড করা হয় এবং আপনার প্রকল্পে অনুলিপি করা হয়।

আপনি যদি শুধুমাত্র আমদানি করা UI প্যাকেজগুলি তৈরি করতে চান এবং আপনার সম্পূর্ণ প্রকল্পটি নয়, আপনি এই নির্দিষ্ট গ্রেডল কাজগুলি চালাতে পারেন:

• generateDebugRelayCode বা generateReleaseRelayCode UI প্যাকেজ থেকে প্রাপ্ত কোডের ডিবাগ বা রিলিজ সংস্করণ তৈরি করে।
• generateRelayRuntimeCode জেনারেট করা কোড দ্বারা ব্যবহৃত রানটাইম লাইব্রেরি তৈরি করে।

নির্মাণ প্রক্রিয়া চলাকালীন:

1. কোডটি UI প্যাকেজ থেকে তৈরি করা হয় এবং আলাদা ফোল্ডারে সংরক্ষণ করা হয়।
2. ইমেজ এবং ফন্ট একটি সাধারণ উত্পন্ন সম্পদ ফোল্ডারে অনুলিপি করা হয়.

ফোল্ডারগুলির অবস্থান আন্ডারস্ট্যান্ড UI প্যাকেজ এবং জেনারেটেড কোডে নথিভুক্ত করা হয়েছে।

একটি UI প্যাকেজ আপডেট করুন

একটি ডিজাইনের একটি নতুন সংস্করণ প্রস্তুত হলে, ডিজাইনারকে ফিগমা ফাইলের একটি নতুন নামযুক্ত সংস্করণ তৈরি করা উচিত।

অ্যান্ড্রয়েড স্টুডিওতে, প্রজেক্ট টুল উইন্ডোটি অ্যান্ড্রয়েড ভিউতে রয়েছে তা নিশ্চিত করুন।

1. আপনার মডিউলের ui-packages ফোল্ডারের অধীনে, আপনি যে UI প্যাকেজটি আপডেট করতে চান সেটিতে ডান-ক্লিক করুন এবং তারপরে আপডেট UI প্যাকেজ(গুলি) নির্বাচন করুন। নিম্নলিখিত উদাহরণে, আমরা আপডেট করার জন্য পাঁচটি UI প্যাকেজ নির্বাচন করেছি।

   

2. এছাড়াও আপনি সমস্ত UI প্যাকেজ আপডেট করতে ui-packages ফোল্ডারে ডান-ক্লিক করতে পারেন।

   

{% শব্দার্থে %} {% endverbatim %}

আপনার জন্য প্রস্তাবিত

• দ্রষ্টব্য: জাভাস্ক্রিপ্ট বন্ধ থাকলে লিঙ্ক টেক্সট প্রদর্শিত হয়
• UI প্যাকেজ এবং জেনারেটেড কোড বুঝুন
• সীমাবদ্ধতা এবং সমস্যা সমাধান
• বিদ্যমান কোডে উপাদান ম্যাপিং

{% শব্দার্থে %} {% endverbatim %}