ChromeCustomTabs를 해봤어요.

7906 단어 Android

개시하다


다음날 책임지게 해주세요.
잘 부탁드립니다.
나는 평소에 안드로이드 응용 프로그램의 개발을 책임진다.
현지화를 추진하고 있다
현재 웹 페이지를 표시하는 상황이 아직 존재한다
해보고 싶은데 못 해본 크롬 커스텀 탭에 대한 글을 쓰세요!

ChromeCustomTabs 사용


웹 페이지를 응용 프로그램에 표시할 때 WebView 사용
설정 아이템도 많고 직접 만들어야 할 부분도 많고...
(참조: WebView
사용자가 무의식중에 응용 프로그램을 사용했다
무엄!여기서 갑자기 늦었어!이런 느낌도 역시..
따라서 Google I/O 2015 ChromeCustomTabs 에서 발표되었습니다.(1년 전.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 변경 (어렵게 COPORAT 색상w로 만들었음)
・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"));
(참조: CustomTabsIntent.Builder
공식에서 속도 비교를 했지만 나도 3가지 모델을 모방해 봤다.
왼쪽부터.
① ChromeCustomTabs 맞춤형
② 외부 브라우저에서 여는
③ 웹뷰 (최소한의 설치라면 제대로 대응하지 못해 열지 못해 죄송합니다 w
이번 웹뷰는 주인공이 아니기 때문에 당분간 이렇게 w)
   
그냥 살짝 맞춤 제작을 해봤어요.
최소한의 것에 비하면 나는 이미 응용 프로그램에 익숙해졌다고 생각한다.
속도가 한 페이지면 전달이 좀 어렵나요?
뭔가 전달이 다르지 않을까 걱정이 되지만.
여러분이 신경 쓸 수 있다면 많은 앱이 사용되고 있을 것입니다!

감상


이번에 홈페이지에서 해봤는데 EC앱에서만 모국어화가 가능해요!
이럴 때 만약에 조작할 때 위화감이 없기를 바란다면 나는 매우 효과적이라고 생각한다!
응용 프로그램을 떠나 웹 페이지로 전환할 때의 압력을 줄일 수 있다.
앞으로 현장 등에서 정식으로 도입될 때
이동할 때 애니메이션을 곁들여서 해야 할 방법이 많아서 여러 가지 문제를 토론하고 싶습니다.
주제 밖의 말을 좀 하고, gif를 붙이는 것은 정말 너무 고생
잘 움직였는지 모르겠어요.
간단할 수 있겠지만, 이게 다야!

내일 담당자는요.


Eichi Sanden씨!
잘 부탁드립니다
다음에 또 같이 술 마셔요.

좋은 웹페이지 즐겨찾기