Class Columns

কলাম

Columns উইজেটটি একটি কার্ড বা ডায়ালগে সর্বোচ্চ ২টি কলাম প্রদর্শন করে। আপনি প্রতিটি Column উইজেট যোগ করতে পারেন; উইজেটগুলো নির্দিষ্ট করার ক্রম অনুসারে প্রদর্শিত হয়। গুগল চ্যাট অ্যাপে একটি উদাহরণের জন্য, কলামস দেখুন।

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

কলামগুলো পাশাপাশি প্রদর্শিত হয়। আপনি HorizontalSizeStyle ফিল্ডটি ব্যবহার করে প্রতিটি কলামের প্রস্থ নিজের মতো করে সাজিয়ে নিতে পারেন। যদি ব্যবহারকারীর স্ক্রিনের প্রস্থ খুব কম হয়, তাহলে দ্বিতীয় কলামটি প্রথমটির নিচে চলে আসে:

  • ওয়েবে, স্ক্রিনের প্রস্থ ৪৮০ পিক্সেল বা তার কম হলে দ্বিতীয় কলামটি র‍্যাপ হয়।
  • iOS ডিভাইসগুলিতে, স্ক্রিনের প্রস্থ ৩০০ পয়েন্ট বা তার কম হলে দ্বিতীয় কলামটি র‍্যাপ হয়।
  • অ্যান্ড্রয়েড ডিভাইসগুলিতে, স্ক্রিনের প্রস্থ ৩২০ ডিপি-র সমান বা তার কম হলে দ্বিতীয় কলামটি র‍্যাপ হয়।

গুগল চ্যাট অ্যাপ এবং গুগল ওয়ার্কস্পেস অ্যাড-অনগুলির জন্য উপলব্ধ। যে অ্যাড-অন UI-গুলি কলাম সমর্থন করে, সেগুলি হলো:

  • ইমেল ড্রাফট থেকে ব্যবহারকারীরা অ্যাড-অনটি খুললে এই ডায়ালগটি প্রদর্শিত হয়।
  • গুগল ক্যালেন্ডার ইভেন্টের 'অ্যাড অ্যাটাচমেন্ট ' মেনু থেকে ব্যবহারকারীরা অ্যাড-অনটি খুললে এই ডায়ালগ বক্সটি প্রদর্শিত হয়। 
    // Build a column that is aligned in the center and fills the space:
const column =
    CardService.newColumn()
        .setHorizontalSizeStyle(
            CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE)
        .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER)
        .setVerticalAlignment(CardService.VerticalAlignment.CENTER);
const columns = CardService.newColumns().addColumn(column).setWrapStyle(
    CardService.WrapStyle.WRAP);

পদ্ধতি

পদ্ধতি রিটার্ন টাইপ সংক্ষিপ্ত বিবরণ
add Column(column) Columns কলাম উইজেটে একটি Column যোগ করে।
add Event Action(eventAction) Widget উইজেটটিতে সম্পাদনযোগ্য ইভেন্ট অ্যাকশনটি যোগ করে।
set Id(id) Widget যে উইজেটটি পরিবর্তন করা হবে, সেটিকে শনাক্ত করার জন্য নির্ধারিত অনন্য আইডি সেট করে।
set Visibility(visibility) Widget উইজেটটির দৃশ্যমানতা নির্ধারণ করে।
set Wrap Style(wrapStyle) Columns কলামগুলোর র‍্যাপ স্টাইল নির্ধারণ করে, যা স্ক্রিনের প্রস্থ অনুযায়ী কলামের আকার পরিবর্তন নিয়ন্ত্রণ করে।

বিস্তারিত ডকুমেন্টেশন

addColumn(column)

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

const columns = CardService.newColumns().addColumn(CardService.newColumn());

প্যারামিটার

নাম প্রকার বর্ণনা
column Column কলাম উইজেটে যোগ করার জন্য একটি চাইল্ড কলাম।

ফেরত

Columns — এই অবজেক্টটি, চেইন করার জন্য ব্যবহৃত হয়।

addEventAction(eventAction)

উইজেটটিতে সম্পাদনযোগ্য ইভেন্ট অ্যাকশনটি যোগ করে।

প্যারামিটার

নাম প্রকার বর্ণনা
event Action Event Action Event Action যোগ করা হবে।

ফেরত

Widget — শৃঙ্খলিত করার জন্য ব্যবহৃত অবজেক্ট।

setId(id)

যে উইজেটটি পরিবর্তন করা হবে, সেটিকে শনাক্ত করার জন্য একটি অনন্য আইডি নির্ধারণ করে। উইজেট পরিবর্তন শুধুমাত্র অ্যাড-অন-এ সমর্থিত।

প্যারামিটার

নাম প্রকার বর্ণনা
id String উইজেটের আইডি, যা সর্বোচ্চ ৬৪ অক্ষরের হতে হবে এবং এর ফরম্যাট হবে `[a-zA-Z0-9-]+`।

ফেরত

Widget — এই অবজেক্টটি, চেইন করার জন্য ব্যবহৃত হয়।

setVisibility(visibility)

উইজেটটির দৃশ্যমানতা নির্ধারণ করে। এর ডিফল্ট মান হলো `VISIBLE`।

প্যারামিটার

নাম প্রকার বর্ণনা
visibility Visibility উইজেটটির Visibility ।

ফেরত

Widget — শৃঙ্খলিত করার জন্য ব্যবহৃত অবজেক্ট।

setWrapStyle(wrapStyle)

কলামগুলোর র‍্যাপ স্টাইল নির্ধারণ করে, যা স্ক্রিনের প্রস্থ অনুযায়ী কলামের আকার পরিবর্তন নিয়ন্ত্রণ করে।

const columns = CardService.newColumns()
                    .addColumn(CardService.newColumn())
                    .setWrapStyle(CardService.WrapStyle.WRAP);

প্যারামিটার

নাম প্রকার বর্ণনা
wrap Style Wrap Style কলামগুলোর জন্য যে র‍্যাপ স্টাইলটি সেট করতে হবে।

ফেরত

Columns — এই অবজেক্টটি, চেইন করার জন্য ব্যবহৃত হয়।