DigiBrood

digibrood

Startups Of The Year 2023: Asia Winners

In my previous I provided an overview of Custom Tabs, or , in Android. In short, this component allows your app to seamlessly transition between application and web content and it’s used by several well known applications including Twitter, The Gaurdian, Tumblr, Stack Overflow, and . They’re safe, simple to use, and their ability to preemptively load URLS makes them incredibly fast compared to alternatives like WebViews. With this said, using Custom Tabs is the preferred option if you want to give users access to the web without sending them to another app. You can be up and running with a few lines of code. article Custom Tabs Chrome Feedly This all sounds pretty convenient and depending on how you plan to use the browser, it might be. The biggest inconvenience that I’ve discovered is that the Custom Tab’s current URL is not sent back to the host application and retrieving it is not the most intuitive process. Apparently this behavior was put in place to and that makes sense…but what if you want to implement a custom share button? Or you want to trigger an action when the user navigates to a specific website? Not all of the use cases for URL tracking are immediately obvious but a lot of people have inquired about this: safegaurd the user’s privacy Is it possible to get the current URL of a Android Chrome CustomTab in real time? Check which url is opened in custom chrome tabs How to implement URL change listener in chrome custom tabs? How to get Url change from CustomTabsClient onPageFinished equivalant in custom chrome tab to get url It turns out this is possible! Intents are the Solution Before I get too ahead of myself, I’ll admit that I haven’t figured out a way to passively track the user’s URL. You can use a CustomTabsCallback to determine when pages start and finish loading but the callback does not contain any information about the actual URL. Nonetheless, if you can get the user to click on an action button or menu option, the URL is yours for the taking! Using PendingIntent.getActivity This of the Chrome Custom Tabs article explains that it’s possible to get the URL from a PendingIntent by calling Intent.getDataString() when the intent is received. We can do that with a PendingIntent that starts our main activity. section Create an action button and add it to your CustomTabsIntent builder: val sendLinkIntent = Intent(main, :: = PendingIntent.getActivity(main, ,sendLinkIntent,PendingIntent.FLAG_UPDATE_CURRENT) AppCompatResources.getDrawable(main, R.drawable.close_icon)?.let {
            DrawableCompat.setTint(it, Color.WHITE)
            builder.setActionButton(it.toBitmap(), ,pendingIntent, )
        } val customTabsIntent: CustomTabsIntent = builder.build()
        customTabsIntent.launchUrl(main, Uri.parse(url)) MainActivity . ) . ( . ," ") class java sendLinkIntent putExtra Intent EXTRA_SUBJECT This is the link you were exploring val pendingIntent 0 // Set the action button "This is your link" false // Create the Custom Tabs Intent and launch the URL Then handle the intent when it comes back to your activity. I placed this code in the onCreate() method of my main activity: val data: Uri? = intent?.data (intent?.type?.startsWith( ) == ) { Log.d( ,intent?.type.toString())
        } (intent?.type == ) { Log.d( ,intent.extras?.getString( ).toString())
        } { (data != ) {
                Log.d( ,data.toString())
            }
        } // Handle any possible intents ************************************************************************** // The URL is stored in the intent's data // Figure out what to do based on the intent type if "image/" true // Handle intents with image data ... "Intent" else if "text/plain" // Handle intents with text ... "Intent.text" "android.intent.extra.TEXT" else if null "Intent URL" Demonstration from my app Rabbit Hole As you can see in this , the build above will send the user back to the main activity along with the URL that they were last viewing. This could work well if you want to share the link or save it for later. video My issue with this technique is that the redirection may come as an unwanted interruption to the user’s casual browsing. Why shouldn’t the user be able to save a link and continue their adventure across the web? Using PendingIntent.getBroadcast() Grabbing the current URL and remaining in the Custom Tab browser can be accomplished with a . If you don’t have much experience with these, check out this before continuing on. Otherwise, let’s begin. BroadcastReceiver guide Extend the BroadcastReceiver class and place your code to handle the incoming intent inside the onRecieve() method: {
    override fun onReceive(context: Context, : Intent) {
        val uri: Uri? = intent.data (uri != ) {
            Log.d( ,uri.toString()) toast = Toast.makeText(context, uri.toString(), Toast.LENGTH_SHORT)
            val view = toast.view
            view.background.setColorFilter(ContextCompat.getColor(context,R.color.red), PorterDuff.Mode.SRC_IN)
            val text = view.findViewById(android.R.id.message) TextView
            text.setTextColor(ContextCompat.getColor(context, R.color.common_google_signin_btn_text_dark))
            text.textAlignment = View.TEXT_ALIGNMENT_CENTER
            toast.setGravity(Gravity.BOTTOM, , )
            toast.show()
        }
    }
} () : () class DigBroadcastReceiver BroadcastReceiver intent if null "Broadcast URL" var as 0 200 List the new BroadcastReceiver in your manifest file. This gets nested one layer under the<application> tag and the “name” attribute is the file name including all folders your package name. Here’s my project structure: after And here’s the receiver in the manifest file: <application> < = = /> receiver android:name ".ui.dig.DigBroadcastReceiver" android:enabled "true" </ > application Once you have that completed, create the PendingIntent that will send out the broadcast and add the associated action button to your CustomTabsIntent.Builder: val sendLinkIntent = Intent(main,DigBroadcastReceiver():: = PendingIntent.getBroadcast(main, ,sendLinkIntent,PendingIntent.FLAG_UPDATE_CURRENT) AppCompatResources.getDrawable(main, R.drawable.close_icon)?.let {
            DrawableCompat.setTint(it, Color.WHITE)
            builder.setActionButton(it.toBitmap(), ,pendingIntent, )
        }
        val customTabsIntent: CustomTabsIntent = builder.build()
        customTabsIntent.launchUrl(main, Uri.parse(url)) . ) . ( . ," ") class java sendLinkIntent putExtra Intent EXTRA_SUBJECT This is the link you were exploring val pendingIntent 0 // Set the action button "Add this link to your dig" false when you press the action button within the Custom Tab, the current URL is retrieved and displayed in a Toast. This is much less disturbing to the overall user experience but quite frankly, not too useful to us as the developer. Since the Broadcast Receiver we created doesn’t know about the main activity, everything that happens within the receiver is isolated (for instance, all of the code to generate and customize the Toast is in the Broadcast Receiver class above). Now If we want to actually utilize the URL data, we can make the BroadcastReceiver aware of the MainActivity by nesting the new class inside a fragment or activity. The <receiver> tag in the manifest file will need to be updated accordingly (see below). I’ve provided both situations since some people may want to arrange their classes differently. <receiver
    android:name= android:enabled= /> ".ui.dig.DigTabs$DigBroadcastReceiver" "true" In Conclusion Extracting the current URL from an intent sent by the Custom Tabs turns out to be pretty straightforward if you don’t mind making users click a toolbar button. There still doesn’t seem to be a way to passively retrieve this data but the may change that. Until the, an extra click here and there will have to suffice. yet-unused argument in the CustomTabsCallback class extras The next topic I’ll be looking into related to Custom Tabs is whether or not it’s possible to suppress Intents from being fulfilled by third party apps. In my situation, navigating between normal web pages works fine as you can see above. But when I navigate to a web page that I have set to default open in another app (like a *.wikipedia.org page set to default open in the Wikipedia app), I leave Custom Tabs, never to return. I’ll do some investigating and update you soon! Check out the full series on Custom Tabs: Using Custom Chrome Tabs in your Android App Retrieving the URL from Custom Tabs in Android A Custom Tabs Side Story: The Legend of the Bottom Toolbar

Stories, News & Mentions about DIGIBROOD

Digibrood’s Stories on HackerNoon