ChromeCustomTabs試してみました

Android

Last updated at 2016-12-02Posted at 2016-12-01

#はじめに

二日目を担当させていただきます。
よろしくお願いします。

普段、Androidアプリの開発を担当しています。

ネイティブ化を進めていますが、
なんやかんやまだwebページを表示するという場合がまだあるのが現状なので、
試そう試そうと思ってできていなかった、ChromeCustomTabsについて書きます！

#ChromeCustomTabsを使ってみる

アプリでwebページを表示する際WebViewを使っていたのですが、
設定項目も多く結構自分で作り込まなければならない部分が多いのです...
（参考：WebView）

ユーザーがアプリを何気なく使っていて、
ムム！ここから急に遅い！って感じさせてしまうこともやはり良くない..

と、いうことでGoogle I/O 2015で発表されたChromeCustomTabsです。（もう１年前..w）
高速で動くと聞いていたので、期待！

最低限だと、下記で動きます。

build.gradle

dependencies {
    compile 'com.android.support:customtabs:23.1.1'
}

MainActivity

CustomTabsIntent.Builder builder = new CustomTabsIntent.Builder();
final CustomTabsIntent tabsIntent = builder
        .setShowTitle(true)
        .enableUrlBarHiding().build();
tabsIntent.launchUrl(this, Uri.parse("url"));

導入はとっても簡単でした。
弊社の公式ページを表示してみました。

ただ、これだと普通に外部ブラウザを開いた感ですよね。

#ChromeCustomTabsをカスタマイズしてみる

ちょっといじってみます！

・toolbar変更（せっかくなのでコーポーレートカラーにｗ）
・closeボタン変更
・アクションとしてシェア機能を追加
・下にスクロールした時にtoolbarを消す

これらを追加したのが、下記です。

MainActivity

//シェア機能の処理
final Intent intent = new Intent(Intent.ACTION_SEND)
        .setType("text/plain")
        .putExtra(Intent.EXTRA_TEXT, "url");

final PendingIntent pendingIntent = PendingIntent.getActivity(this, 0, intent, 0);
final Bitmap icon = BitmapFactory.decodeResource(getResources(), R.drawable.ic_share);

CustomTabsIntent.Builder builder = new CustomTabsIntent.Builder();

//toolbarの色、閉じるボタン設定
final CustomTabsIntent tabsIntent = builder
        .setShowTitle(true)
        .setToolbarColor(ContextCompat.getColor(this, R.color.orange))
        .setCloseButtonIcon(BitmapFactory.decodeResource(getResources(), R.drawable.ic_arrow_back))
        .enableUrlBarHiding()
        .setActionButton(icon, "share", pendingIntent).build();

tabsIntent.launchUrl(this, Uri.parse("url"));