স্থানের বিবরণ UI কিট (পরীক্ষামূলক)

স্থানের বিশদ বিবরণের জন্য স্থানের বিবরণ UI কিট আপনাকে একটি পৃথক UI উপাদান যোগ করতে দেয় যা আপনার অ্যাপে স্থানের বিবরণ প্রদর্শন করে। UI কিটটি স্বাধীনভাবে বা অন্যান্য Google Maps Platform API এবং পরিষেবাগুলির সাথে একত্রে ব্যবহার করা যেতে পারে। UI কিট হয় একটি স্থান আইডি বা অক্ষাংশ/দ্রাঘিমাংশ স্থানাঙ্ক নেয় এবং রেন্ডার করা স্থানের বিশদ তথ্য প্রদান করে।

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

বিলিং

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

Places UI কিট সক্ষম করুন

Places UI কিট ব্যবহার করার আগে, আপনাকে করতে হবে:

• একটি বিলিং অ্যাকাউন্ট দিয়ে একটি ক্লাউড প্রকল্প তৈরি করুন।
• আপনার প্রকল্পের জন্য স্থান API সক্ষম করুন ৷
• একটি API কী পান ।

স্থান বিবরণ UI কিট উদাহরণ

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

আপনি অভিযোজন (অনুভূমিক বা উল্লম্ব), থিম ওভাররাইড এবং বিষয়বস্তু নির্দিষ্ট করতে পারেন। বিষয়বস্তুর বিকল্পগুলি হল মিডিয়া, ঠিকানা, রেটিং, মূল্য, প্রকার, প্রবেশযোগ্য প্রবেশদ্বার, মানচিত্রের লিঙ্ক এবং দিকনির্দেশের লিঙ্ক। [একটি কাস্টমাইজেশন উদাহরণ দেখুন]()।

val fragment = PlaceDetailsCompactFragment.newInstance(
  orientation,
  listOf(Content.ADDRESS, Content.TYPE, Content.RATING, Content.ACCESSIBLE_ENTRANCE),
  R.style.CustomizedPlaceDetailsTheme,
)
      
fragment.setPlaceLoadListener(object : PlaceLoadListener {
    override fun onSuccess() { ... }
      
      override fun onFailure(e: Exception) { ... }
})
      
supportFragmentManager
  .beginTransaction()
  .add(R.id.fragment_container, fragment)
  .commitNow()
      
fragment.loadPlaceDetails(placeId)

      
PlaceDetailsCompactFragment fragment =
  PlaceDetailsCompactFragment.newInstance(
        Orientation.HORIZONTAL,
        Arrays.asList(Content.ADDRESS, Content.TYPE, Content.RATING, Content.ACCESSIBLE_ENTRANCE),
        R.style.CustomizedPlaceDetailsTheme);
    
fragment.setPlaceLoadListener(
  new PlaceLoadListener() {
        @Override
        public void onSuccess() { ... }
    
        @Override
        public void onFailure(Exception e) { ... }
});
    
getSupportFragmentManager()
      .beginTransaction()
      .add(R.id.fragment_container, fragment)
      .commitNow();
    
fragment.loadPlaceDetails(placeId);

কাস্টমাইজেশন উদাহরণ

একটি খণ্ডকে ইনস্ট্যান্টিয়েট করার সময়, আপনি একটি থিম নির্দিষ্ট করতে পারেন যা যেকোনো ডিফল্ট শৈলী বৈশিষ্ট্যকে ওভাররাইড করে। যে কোনো থিম বৈশিষ্ট্য ওভাররাইড করা হয় না ডিফল্ট শৈলী ব্যবহার করে। আপনি যদি একটি অন্ধকার থিম সমর্থন করতে চান, তাহলে আপনি values-night/colors.xml এ রঙের জন্য একটি এন্ট্রি যোগ করতে পারেন।

  <style name="CustomizedPlaceDetailsTheme" parent="PlacesTheme">
    <item name="placesColorPrimary">@color/app_primary_color</item>
    <item name="placesColorOnSurface">@color/app_color_on_surface</item>
    <item name="placesColorOnSurfaceVariant">@color/app_color_on_surface</item>
  
    <item name="placesTextAppearanceBodySmall">@style/app_text_appearence_small</item>
  
    <item name="placesCornerRadius">20dp</item>
  </style>

আপনি নিম্নলিখিত শৈলী কাস্টমাইজ করতে পারেন:

• placesColorSurfaceContainerLowest
• placesColorOutlineDecorative
• placesColorPrimary
• placesColorOnSurface
• placesColorOnSurfaceVariant
• placesColorSecondaryContainer
• placesColorOnSecondaryContainer
• placesCornerRadius
• placesTextAppearanceBodySmall
• placesTextAppearanceBodyMedium
• placesTextAppearanceBodyLarge
• placesTextAppearanceLabelLarge
• placesTextAppearanceHeadlineMedium
• placesColorAttributionLight (সাদা, ধূসর এবং কালোর জন্য enums)
• placesColorAttributionDark (সাদা, ধূসর এবং কালোর জন্য enums)

এই নমুনা মানক বিষয়বস্তু কাস্টমাইজ করে।

  val fragmentStandardContent = PlaceDetailsCompactFragment.newInstance(
  orientation,
  PlaceDetailsCompactFragment.STANDARD_CONTENT,
  R.style.BrandedPlaceDetailsTheme,
)

এই নমুনা সব বিষয়বস্তু কাস্টমাইজ করে.

  val fragmentAllContent = PlaceDetailsCompactFragment.newInstance(
  orientation,
  PlaceDetailsCompactFragment.ALL_CONTENT,
  R.style.BrandedPlaceDetailsTheme,
)