Class Columns

কলাম

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

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

কলামগুলি পাশাপাশি প্রদর্শিত হয়। আপনি Horizontal Size Style ক্ষেত্রটি ব্যবহার করে প্রতিটি কলামের প্রস্থ কাস্টমাইজ করতে পারেন। যদি ব্যবহারকারীর স্ক্রিনের প্রস্থ খুব সংকীর্ণ হয়, তাহলে দ্বিতীয় কলামটি প্রথমটির নীচে মোড়ানো হবে:

  • ওয়েবে, স্ক্রিনের প্রস্থ 480 পিক্সেলের কম বা সমান হলে দ্বিতীয় কলামটি মোড়ানো হয়।
  • iOS ডিভাইসে, স্ক্রিনের প্রস্থ 300 পয়েন্টের কম বা সমান হলে দ্বিতীয় কলামটি মোড়ানো হয়।
  • অ্যান্ড্রয়েড ডিভাইসে, স্ক্রিনের প্রস্থ 320 dp এর কম বা সমান হলে দ্বিতীয় কলামটি মোড়ানো হয়।

Google Chat অ্যাপ এবং Google Workspace অ্যাড-অনের জন্য উপলব্ধ। কলাম সমর্থনকারী অ্যাড-অন UI গুলির মধ্যে রয়েছে:

  • ব্যবহারকারীরা যখন ইমেল ড্রাফ্ট থেকে অ্যাড-অনটি খোলেন তখন ডায়ালগটি প্রদর্শিত হয়।
  • ব্যবহারকারীরা যখন Google Calendar ইভেন্টে "অ্যাটাচমেন্ট যোগ করুন" মেনু থেকে অ্যাড-অনটি খোলেন তখন ডায়ালগটি প্রদর্শিত হয়।
    // 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 কলামের মোড়ক শৈলী সেট করে, স্ক্রিনের প্রস্থের উপর ভিত্তি করে কলামের আকার কীভাবে পরিবর্তন করা হয় তা নিয়ন্ত্রণ করে।

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

add Column(column)

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

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

পরামিতি

নাম আদর্শ বিবরণ
column Column কলাম উইজেটে যোগ করার জন্য একটি শিশু কলাম।

প্রত্যাবর্তন

Columns — এই বস্তুটি, শৃঙ্খলিত করার জন্য।


add Event Action(eventAction)

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

পরামিতি

নাম আদর্শ বিবরণ
event Action Event Action Event Action যোগ করা হবে।

প্রত্যাবর্তন

Widget — চেইন করার জন্য বস্তু।


set Id(id)

মিউটেশনের জন্য উইজেট শনাক্ত করতে ব্যবহৃত অনন্য আইডি সেট করে। উইজেট মিউটেশন শুধুমাত্র অ্যাড-অনগুলিতে সমর্থিত।

পরামিতি

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

প্রত্যাবর্তন

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


set Visibility(visibility)

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

পরামিতি

নাম আদর্শ বিবরণ
visibility Visibility উইজেটের Visibility

প্রত্যাবর্তন

Widget — চেইন করার জন্য বস্তু।


set Wrap Style(wrapStyle)

কলামের মোড়ক শৈলী সেট করে, স্ক্রিনের প্রস্থের উপর ভিত্তি করে কলামের আকার কীভাবে পরিবর্তন করা হয় তা নিয়ন্ত্রণ করে।

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

পরামিতি

নাম আদর্শ বিবরণ
wrap Style Wrap Style কলামের জন্য সেট করার জন্য মোড়ানোর ধরণ।

প্রত্যাবর্তন

Columns — এই বস্তুটি, শৃঙ্খলিত করার জন্য।