বিভিন্ন স্ক্রিন সাইজের জন্য টাইলের বিকাশ করা

আপনার অ্যাপের টাইল Wear OS-এর সব সাইজের ডিভাইসে ভালোভাবে কাজ করা উচিত। যেখানে অতিরিক্ত জায়গা উপলভ্য সেখানে তার সুবিধা নেওয়া উচিত এবং ছোট স্ক্রিনেও টাইলকে দারুণ দেখতে লাগা উচিত। এই নির্দেশিকা ব্যবহারকারীর এই অভিজ্ঞতা পাওয়ার জন্য সাজেশন দেয়।

অ্যাডাপ্টিভ লেআউটের ডিজাইন সংক্রান্ত নীতি সম্পর্কে আরও জানতে, ডিজাইন সংক্রান্ত নির্দেশিকা পড়ুন।

ব্রেকপয়েন্টের মাধ্যমে আলাদা আলাদা অভিজ্ঞতা প্রদান করা

ProtoLayout Material লাইব্রেরির লেআউট রেসপন্সিভ হয় এবং সঠিক এলিমেন্ট প্লেসমেন্ট ও দৃশ্যমানতার বিষয়টি দেখে নেয়। তবে, কিছু ক্ষেত্রে, সেরা ফলাফল পেতে আপনি দৃশ্যমান এলিমেন্টের সংখ্যা পরিবর্তন করতে চাইতে পারেন। যেমন, আপনি ছোট ডিসপ্লেতে ৩টি বোতাম এবং বড় ডিসপ্লেতে ৫টি বোতাম রাখতে চাইতে পারেন।

এই ধরনের আলাদা আলাদা অভিজ্ঞতা প্রয়োগ করতে, স্ক্রিনের সাইজ ব্রেকপয়েন্ট ব্যবহার করুন। স্ক্রিনের সাইজ ২২৫ ডিপি-র বেশি হলে আলাদা লেআউট দেখাতে:

materialScope(this, requestParams.deviceConfiguration) {
    // ...
    val isLargeScreen = deviceConfiguration.screenWidthDp >= 225
    primaryLayout(
        mainSlot = {
            buttonGroup {
                buttonGroupItem { button1 }
                buttonGroupItem { button2 }
                buttonGroupItem { button3 }
                if (isLargeScreen) {
                    buttonGroupItem { button4 }
                    buttonGroupItem { button5 }
                }
            }
        }
    )
}
Tile.kt

ডিজাইন নির্দেশিকা অতিরিক্ত সুযোগের ব্যাপারে আলোকপাত করে।

প্রিভিউ ব্যবহার করে বিভিন্ন স্ক্রিন সাইজে টাইল পরীক্ষা করা

বিভিন্ন স্ক্রিন সাইজে আপনার লেআউট পরীক্ষা করা গুরুত্বপূর্ণ। TilePreviewHelper এবং TilePreviewData ক্লাসের সাথে Tile Preview অ্যানোটেশন ব্যবহার করুন:

@Preview(device = WearDevices.LARGE_ROUND)
fun smallPreview(context: Context) = TilePreviewData {
    TilePreviewHelper.singleTimelineEntryTileBuilder(
        materialScope(context, it.deviceConfiguration) {
            myAdaptiveLayout() // varies the layout depending on the size of the screen
        }
    )
        .build()
}
Tile.kt

এটি আপনাকে Android Studio-র মধ্যে সরাসরি আপনার টাইল লেআউট প্রিভিউ করতে দেয়।

সম্পূর্ণ উদাহরণের জন্য, GitHub-এ টাইমার টাইল স্যাম্পেল দেখুন।