เริ่มต้นใช้งาน

Sebastian Benz

ขั้นตอนแรกในการผสานรวมแท็บที่กำหนดเองคือการเพิ่มไลบรารีเบราว์เซอร์ AndroidX ลงในโปรเจ็กต์ เปิดไฟล์ app/build.gradle แล้วเพิ่มไลบรารีเบราว์เซอร์ลงในส่วน Dependency

dependencies {
   …
   implementation 'androidx.browser:browser:1.5.0'
}

หมายเหตุ: ดูตัวอย่างที่ใช้งานได้ได้ที่แอปตัวอย่างแท็บที่กำหนดเองของ Android ใน GitHub

เปิดลิงก์ในแท็บที่กำหนดเอง

เมื่อติดตั้งไลบรารี androidx.browser/browser แล้ว คุณจะใช้ CustomTabsIntent.Builder เพื่อสร้าง CustomTabsIntent และเปิดแท็บที่กำหนดเองได้โดยเรียกใช้ launchUrl() และส่ง Uri ดังนี้

String url = "https://developers.android.com";
CustomTabsIntent intent = new CustomTabsIntent.Builder()
        .build();
intent.launchUrl(MainActivity.this, Uri.parse(url));

ซึ่งจะเปิดกิจกรรมในแท็บที่กำหนดเองแบบเต็มหน้าจอดังที่เห็นในภาพหน้าจอต่อไปนี้

ประเด็นสำคัญ: จะเกิดอะไรขึ้นหากเบราว์เซอร์เริ่มต้นของผู้ใช้ไม่รองรับแท็บที่กำหนดเอง เบราว์เซอร์ Android ส่วนใหญ่รองรับแท็บที่กำหนดเอง แต่หากไม่ได้ติดตั้งเบราว์เซอร์ที่รองรับแท็บที่กำหนดเอง CustomTabIntent จะเปิดเบราว์เซอร์เริ่มต้นของผู้ใช้แทน การดำเนินการนี้ได้ผลเนื่องจาก CustomTabsIntent ใช้ ACTION\_VIEW Intent กับคีย์ Extras เพื่อปรับแต่ง UI

การรองรับ Android App Link

โดยค่าเริ่มต้น แท็บที่กำหนดเองจะรองรับ Android App Link ซึ่งหมายความว่าหากติดตั้งแอป YouTube แล้ว การเปิดตัว CustomTabsIntent ที่มี URL วิดีโอ YouTube จะเปิดแอป YouTube แทนเบราว์เซอร์

อย่างไรก็ตาม การส่ง CustomTabsSession ไปยัง CustomTabIntent จะบังคับให้เปิดลิงก์ในแท็บที่กำหนดเอง แม้ว่าจะติดตั้งแอปเนทีฟที่เกี่ยวข้องไว้ก็ตาม หากต้องการคงลักษณะการทำงานเริ่มต้นของการเปิดลิงก์เว็บในแอปเนทีฟไว้ คุณต้องทําตามคําแนะนําเกี่ยวกับวิธีตรวจสอบว่าแอปเนทีฟที่ติดตั้งสามารถจัดการลิงก์ได้หรือไม่เพิ่มเติม

ขั้นตอนถัดไป: ดูวิธีปรับแต่งรูปลักษณ์ของแท็บที่กำหนดเอง