উন্নত স্থান বিবরণ উপাদান
প্লেস ডিটেইলস কম্পোনেন্টের অ্যাডভান্সড ভার্সনটি প্লেস ডিটেইলস এসেনশিয়ালস-এর মতোই ফিচারগুলো প্রদান করে। এটি আপনাকে কম্পোনেন্টটির অ্যাকশন বাটনগুলো কনফিগার করতে এবং প্রদর্শিত রিভিউ ও মিডিয়ার ওপর সার্চ ও ফিল্টারিং অপশন প্রয়োগ করতেও দেয়।
অন্তর্নির্মিত জেটপ্যাক কম্পোজ সমর্থন
Places UI Kit, AdvancedPlaceDetailsCompact এর জন্য Jetpack Compose @Composable ফাংশন প্রদান করে। এই কম্পোজেবলগুলো হোয়িস্টেড স্টেট, বিল্ট-ইন মডিফায়ার সাপোর্ট এবং Compose-এর নিজস্ব স্লট ডিএসএল ব্যবহার করে।
নিম্নলিখিত কোড নমুনাটি একটি উল্লম্ব লেআউটের জন্য কম্পোজেবল ফাংশন কীভাবে ব্যবহার করতে হয় তা প্রদর্শন করে।
কোটলিন
import android.util.Log import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.padding import androidx.compose.material3.MaterialTheme import androidx.compose.material3.Text import androidx.compose.runtime.Composable import androidx.compose.ui.Modifier import androidx.compose.ui.graphics.painter.Painter import androidx.compose.ui.unit.dp import com.google.android.libraries.places.api.model.Place import com.google.android.libraries.places.compose.AdvancedPlaceDetailsCompact import com.google.android.libraries.places.compose.PlaceReference import com.google.android.libraries.places.compose.action.CornerAction import com.google.android.libraries.places.compose.action.MainAction import com.google.android.libraries.places.compose.Orientation @Composable fun SampleAdvancedPlaceDetailsCompactCard( placeId: String, bookmarkIcon: Painter, onSavePlaceClicked: (Place) -> Unit ) { AdvancedPlaceDetailsCompact( // defines the place to be displayed reference = PlaceReference.PlaceId(placeId), // defines the orientation orientation = Orientation.VERTICAL, // defines custom styling modifier = Modifier .fillMaxWidth() .padding(16.dp), preferTruncation = true, enableLightbox = true, mainActions = { place -> listOf( MainAction.OpenDirections(), MainAction.OpenWebsite(), MainAction.Call() ) }, // action button configuration cornerActions = { place -> listOf( CornerAction.Custom( icon = bookmarkIcon, text = "Save Place", onClick = { onSavePlaceClicked(place) } ) ) }, onPlaceLoaded = { place -> Log.d("Places", "Successfully loaded place: ${place.id}") }, onPlaceLoadFailed = { exception -> Log.e("Places", "Failed to load place", exception) } ) { // --- Slot: Injected directly above the place name --- basicSectionTop { Text( text = "Featured in 'Top 10 Coffee Shops in SF'", style = MaterialTheme.typography.labelSmall, color = MaterialTheme.colorScheme.secondary, modifier = Modifier.padding(top = 4.dp, bottom = 2.dp) ) } // --- Slot: Injected directly below the action buttons --- basicSectionBottom { Text( text = "Notes: Great quiet atmosphere for meetings.", style = MaterialTheme.typography.bodySmall, color = MaterialTheme.colorScheme.onSurfaceVariant ) } } }
উন্নত স্থান বিবরণ কনফিগারেশন
উন্নত বৈশিষ্ট্যগুলো অ্যাক্সেস করতে AdvancedPlaceDetailsFragment অথবা AdvancedPlaceDetailsCompactFragment ব্যবহার করুন।
অ্যাকশন বাটন কনফিগার করুন
অ্যাকশন বাটন নির্ধারণ ও কাস্টমাইজ করতে AdvancedPlaceDetailsFragment অথবা AdvancedPlaceDetailsCompactFragment এর PlaceActionProvider ইন্টারফেসটি ব্যবহার করুন।
আপনি যদি @composable ফাংশন ব্যবহার করেন, তাহলে অ্যাকশন বাটনগুলো কনফিগার করতে mainActions এবং cornerActions ল্যাম্বডা ব্যবহার করুন।
চাক্ষুষ অ্যাট্রিবিউশনের প্রয়োজনীয়তা
গুরুত্বপূর্ণ: যখন কোনো কাস্টম অ্যাকশন বাটন গুগল ছাড়া অন্য কোনো তৃতীয় পক্ষের সাথে ব্যবহারকারীর তথ্য শেয়ার করবে, তখন আপনাকে তা ব্যবহারকারীদের কাছে স্পষ্টভাবে জানিয়ে দিতে হবে। ভিজ্যুয়াল অ্যাট্রিবিউশনের আবশ্যকতাগুলো দেখুন।
ডানদিকের উদাহরণটিতে একটি কাস্টম ছবি দেখানো হয়েছে, যা থেকে স্পষ্ট বোঝা যায় যে ব্যবহারকারীর তথ্য "Altostrat"-এ পাঠানো হবে।
অনুসন্ধান এবং ফিল্টারিং বিকল্পগুলি প্রয়োগ করুন
মিডিয়া বা রিভিউর জন্য সার্চ ও ফিল্টারিং চালু করতে AdvancedPlaceDetailsFragment অথবা AdvancedPlaceDetailsCompactFragment এর SearchMediaOptions এবং SearchReviewsOptions ক্লাসগুলো ব্যবহার করুন।
আপনি যদি @composable ফাংশন ব্যবহার করেন, তাহলে মিডিয়া বা রিভিউয়ের জন্য সার্চ ও ফিল্টারিং চালু করতে com.google.android.libraries.places.compose.search.SearchMediaOptions ব্যবহার করুন।
কাস্টম কন্টেন্ট স্লট তৈরি করুন
কাস্টম কন্টেন্ট স্লট আপনাকে পূর্বনির্ধারিত লেআউট জোনগুলিতে সরাসরি আপনার নিজস্ব কন্টেন্ট (যেমন এআই-জেনারেটেড সারাংশ, ভ্রমণসূচীর টাইমস্ট্যাম্প বা কাস্টম ব্যাজ) যোগ করার সুযোগ দেয়।
কন্টেন্ট স্লটের জন্য অ্যাট্রিবিউশনের প্রয়োজনীয়তা এবং বিষয়বস্তু সংক্রান্ত পরামর্শ
যখন একটি কাস্টম কন্টেন্ট স্লট মাউন্ট করা হয়, তখন ডিসক্লোজারটি স্বয়ংক্রিয়ভাবে আপডেট হয়ে যায়, যা স্পষ্ট করে যে কোন কন্টেন্ট গুগল সরবরাহ করেছে এবং কিছু কন্টেন্ট তৃতীয় পক্ষ দ্বারা সরবরাহ করা হয়েছে।
করুন
তথ্যের উৎস সম্পর্কে কোনো অস্পষ্টতা এড়াতে গুগল প্লেসের বিবরণ এবং নিজস্ব কন্টেন্টের মধ্যে একটি সুস্পষ্ট দৃশ্যগত স্তরবিন্যাস বজায় রাখুন।
করুন
আপনার ব্যবহারকারীদের তাৎক্ষণিক লক্ষ্যের সাথে মানানসই, স্থানীয় ও মূল্যবান তথ্য বিবেচনা করুন। রিয়েল-টাইম বুকিং উইন্ডো বা বর্তমান প্রাপ্যতার মতো বিশেষভাবে তৈরি কন্টেন্ট ব্যবহারকারীদের দ্রুত এবং আরও ভালোভাবে জেনে-বুঝে সিদ্ধান্ত নিতে সাহায্য করে।
না
বিদ্যমান গুগল প্লেস-এর তথ্য, যেমন রেটিং, রিভিউ বা ব্যবসার সময়সূচী, নকল করবেন না, এমনকি যদি আপনি গুগল-প্রদত্ত কন্টেন্ট লুকিয়েও রাখেন। এমনটা করলে কন্টেন্টের উৎস এবং এটি গুগল নাকি কোনো তৃতীয় পক্ষ থেকে এসেছে, সে বিষয়ে ব্যবহারকারীরা বিভ্রান্ত হতে পারেন।
না
উৎস উল্লেখ না করা কোনো দাবি বা ব্যাজ (যেমন, "সেরা সুপারিশ!") প্রদর্শন করবেন না, যা গুগলের আনুষ্ঠানিক অনুমোদন বলে ভুল হতে পারে। কাস্টম কন্টেন্টের ক্ষেত্রে অবশ্যই তার উৎসের সুস্পষ্ট উল্লেখ করতে হবে।
না
কাস্টম প্লেস কন্টেইনারের মধ্যে বিজ্ঞাপন, মার্কেটিং কপি, প্রচারমূলক ছাড় বা সাবস্ক্রিপশনের অনুরোধ অন্তর্ভুক্ত করবেন না।
কাস্টম কন্টেন্ট যোগ করতে AdvancedPlaceDetailsCompact কম্পোজেবলটি ব্যবহার করুন। কন্টেন্টের অবস্থান নির্দিষ্ট করতে basicSectionTop বা basicSectionBottom ব্যবহার করুন।
উন্নত স্থানের বিবরণের উদাহরণ
অ্যাকশন বাটনগুলি কাস্টমাইজ করুন
প্রতিটি স্থানের জন্য কোন কোন অ্যাকশন উপলব্ধ থাকবে তা নিয়ন্ত্রণ করতে PlaceActionProvider ইন্টারফেসটি ব্যবহার করুন।
কোটলিন
class PlaceDetailsWidgetTestActivity : BaseActivity() { // simplified example of starting the fragment fun setupPPDFragment() { fullWidgetSelectedContent = AdvancedPlaceDetailsFragment.ALL_CONTENT.toMutableList() AdvancedPlaceDetailsFragment.newInstance(fullWidgetSelectedContent, Orientation.VERTICAL) supportFragmentManager .beginTransaction() .replace(R.id.fragment_container, fragment!!) .commitNow() } // you can set the callback elsewhere, but this is the ideal callback spot override fun onAttachFragment(fragment: Fragment) { super.onAttachFragment(fragment) when (fragment) { is PlaceActionController -> setPlaceActionProvider(fragment) } } // have this callback return an empty list to hide all buttons // if this callback isn't set, default buttons appear private fun setPlaceActionProvider(fragment: PlaceActionController) { fragment.setPlaceActionProvider( object : PlaceActionProvider { override fun getMainPlaceActions(place: Place): List<PlaceAction> = buildList { // predefined actions can be mixed in with custom ones add(PlaceAction.OPEN_IN_MAPS) // example of button with both text label and icon add( PlaceAction.builder() .setLabelTextResId(R.string.custom_action) .setIconResId(R.drawable.gs_custom_action_icon) .setContentDescriptionResId(R.string.custom_action_description) .setOnClickListener { /* todo perform action */ } .build() ) // icon only button add( PlaceAction.builder() .setIconResId(R.drawable.custom_action_icon_2) .setContentDescriptionResId(R.string.custom_action_description_2) .setOnClickListener { /* todo perform action */} .build() ) // text label only button add( PlaceAction.builder() .setLabelTextResId(R.string.custom_action_3) .setContentDescriptionResId(R.string.custom_action_description_2) .setOnClickListener {/* todo perform action */ } .build() ) } /** You can also specify whether corner buttons should appear. For either callback, returning an empty list results in no buttons appearing */ override fun getCornerPlaceActions(place: Place): List<PlaceAction> { return emptyList() } override fun addPlaceActionsChangedListener( listener: PlaceActionProvider.OnChangedListener ) { // in this example, just one listener and widget this@HostAppActivity.listener = listener } override fun removePlaceActionsChangedListener( listener: PlaceActionProvider.OnChangedListener ) { // if there are multiple listeners, remove only the provided listener this@HostAppActivity.listener = null } }) } }
কাস্টম এবং পূর্বনির্ধারিত অ্যাকশন যোগ করুন
এই নমুনাটিতে ব্যবহারকারীর জন্য কোনো স্থানকে পছন্দ বা অপছন্দ করার জন্য একটি টগল বাটন যোগ করা হয়েছে।
কোটলিন
private var listener: PlaceActionProvider.OnChangedListener? = null private fun setPlaceActionProvider(fragment: PlaceActionController) { fragment.setPlaceActionProvider( object : PlaceActionProvider { private var placeFavorited = false override fun getMainPlaceActions(place: Place): List<PlaceAction> { val buttonList = mutableListOf<PlaceAction>() if (placeFavorited) { buttonList.add( PlaceAction.builder() .setLabelTextResId(R.string.place_details_button_config_favorite) .setIconResId(R.drawable.gs_web_vd_theme_24) .setOnClickListener { placeFavorited = !placeFavorited refreshButtonConfigs() } .build() ) } else { buttonList.add( PlaceAction.builder() .setLabelTextResId(R.string.place_details_button_config_unfavorite) .setIconResId(R.drawable.gs_web_vd_theme_24) .setOnClickListener { placeFavorited = !placeFavorited refreshButtonConfigs() } .build() ) } return buttonList } override fun addPlaceActionsChangedListener( listener: PlaceActionProvider.OnChangedListener ) { this@PlaceDetailsWidgetTestActivity.listener = listener } override fun removePlaceActionsChangedListener( listener: PlaceActionProvider.OnChangedListener ) { // if there are multiple listeners, remove only the provided listener this@PlaceDetailsWidgetTestActivity.listener = null } } ) } private fun refreshButtonConfigs() { listener?.onPlaceActionsChanged() }
পূর্বনির্ধারিত স্ট্যান্ডার্ড বোতাম ব্যবহার করুন
এমন অ্যাকশন বাটন তৈরি করুন যা গুগলের নির্ধারিত সাধারণ কাজগুলো সম্পাদন করে।
কোটলিন
override fun getMainPlaceActions(place: Place): List<PlaceAction> { val buttonList = mutableListOf<PlaceAction>() // these buttons will have different background and text color than user-created buttons. // Text and icon button buttonList.add(PlaceAction.OPEN_IN_MAPS) // Icon-only buttons not enabled for main action buttons // Use of kotlin extension to do the same. see PlaceAction.OPEN_IN_MAPS { setIconResId(0) } return buttonList }
পর্যালোচনা এবং মিডিয়া ফিল্টার করুন
এই কোড নমুনাটি শুধুমাত্র সেইসব মিডিয়া এবং রিভিউ দেখায় যেগুলিতে 'স্প্যাগেটি' এবং 'সুস্বাদু' শব্দ দুটির উল্লেখ আছে।
কোটলিন
import com.google.android.libraries.places.widget.AdvancedPlaceDetailsFragment import com.google.android.libraries.places.widget.model.SearchMediaOptions import com.google.android.libraries.places.widget.model.SearchReviewsOptions import com.google.android.libraries.places.widget.model.Orientation import com.google.android.libraries.places.R // 1. Create options using the Java builders (called from Kotlin) val mediaOptions = SearchMediaOptions.builder() .setQuery("spaghetti") .setRankPreference(SearchMediaOptions.RankPreference.MOST_RELEVANT) .build() val reviewOptions = SearchReviewsOptions.builder() .setQuery("tasty") .setRankPreference(SearchReviewsOptions.RankPreference.NEWEST) .build() // 2. Create the fragment val fragment = AdvancedPlaceDetailsFragment.newInstance( AdvancedPlaceDetailsFragment.STANDARD_CONTENT, Orientation.VERTICAL, R.style.PlacesMaterialTheme ) // 3. Apply options to the fragment fragment.applySearchMediaOptions(mediaOptions) fragment.applySearchReviewsOptions(reviewOptions)
কন্টেন্ট স্লট তৈরি করুন
কোটলিন
import androidx.compose.material3.MaterialTheme import androidx.compose.material3.Text import androidx.compose.runtime.Composable import com.google.android.libraries.places.compose.AdvancedPlaceDetailsCompact import com.google.android.libraries.places.compose.PlaceReference @Composable fun ItineraryPlaceCard(placeId: String) { AdvancedPlaceDetailsCompact( reference = PlaceReference.PlaceId(placeId) ) { // Slot: Injected directly above the place name basicSectionTop { Text( text = "Day 2 • 2:30 PM", style = MaterialTheme.typography.labelSmall, color = MaterialTheme.colorScheme.primary ) } // Slot: Injected directly below the main action buttons basicSectionBottom { NotesCard( notes = "Great quiet atmosphere for morning meetings. Famous for house-roasted pour-overs." ) } } }