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

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 ซึ่งหมายความว่าหากติดตั้งแอป YouTube ไว้ การเปิด CustomTabsIntent ด้วย URL วิดีโอ YouTube จะเป็นการเปิดแอป YouTube แทนเบราว์เซอร์

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

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