বিভিন্ন স্ক্রিনের আকারের জন্য টাইলস তৈরি করুন

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

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

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

প্রোটোলেআউট মেটেরিয়াল লাইব্রেরি থেকে লেআউটগুলি প্রতিক্রিয়াশীল এবং সঠিক উপাদান স্থাপন এবং দৃশ্যমানতার যত্ন নেয়। যাইহোক, কিছু ক্ষেত্রে আপনি সেরা ফলাফলের জন্য দৃশ্যমান উপাদানের সংখ্যা পরিবর্তন করতে চাইতে পারেন। উদাহরণস্বরূপ, আপনি একটি ছোট ডিসপ্লেতে 3টি বোতাম এবং একটি বড় ডিসপ্লেতে 5টি বোতাম চাইতে পারেন৷

এই ধরণের ভিন্ন অভিজ্ঞতা বাস্তবায়ন করতে, স্ক্রীন আকারের ব্রেকপয়েন্ট ব্যবহার করুন। যখন পর্দার আকার 225 dp ছাড়িয়ে যায় তখন একটি ভিন্ন লেআউট দেখাতে:

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 ক্লাস সহ টাইল প্রিভিউ টীকা ব্যবহার করুন:

@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 স্টুডিওতে আপনার টাইল লেআউটগুলির পূর্বরূপ দেখতে দেয়।

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