【Android/Kotlin】外部ブラウザを開く | 可能性を求めて ~Seeking Star~

概要

ボタンをタップしてGoogleを開くための動作を実装する。
これも基本中の基本とも言える実装だろう。

ソースコード

MainActivity.kt

package com.seeking_star.androidtest

import android.content.Intent
import android.net.Uri
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.util.Log
import android.view.View
import android.widget.EditText
import com.seeking_star.androidtest.OpenBrowser.OpenBrowserFragment

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        if (savedInstanceState == null) {
            supportFragmentManager.beginTransaction()
                .replace(R.id.container, OpenBrowserFragment.newInstance())
                .commitNow()
        }
    }

    fun openBrowser(view: View) {
        val urlEditor = findViewById<EditText>(R.id.urlEditText)
        val uri = Uri.parse("https://" + urlEditor.text.toString())
        val intent = Intent(Intent.ACTION_VIEW, uri)
        startActivity(intent)
    }
}

Fragment

package com.seeking_star.androidtest.OpenBrowser

import androidx.lifecycle.ViewModelProvider
import android.os.Bundle
import androidx.fragment.app.Fragment
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import com.seeking_star.androidtest.R

class OpenBrowserFragment : Fragment() {

    companion object {
        fun newInstance() = OpenBrowserFragment()
    }

    private lateinit var viewModel: OpenBrowserViewModel

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return inflater.inflate(R.layout.fragment_open_browser, container, false)
    }

    override fun onActivityCreated(savedInstanceState: Bundle?) {
        super.onActivityCreated(savedInstanceState)
        viewModel = ViewModelProvider(this).get(OpenBrowserViewModel::class.java)
    }
}

ViewModel

package com.seeking_star.androidtest.OpenBrowser

import androidx.lifecycle.ViewModel

class OpenBrowserViewModel : ViewModel() {
    // TODO: Implement the ViewModel
}

レイアウトファイル

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" />

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".OpenBrowser.OpenBrowserFragment">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="30dp"
            android:text="以下URLでブラウザを開く"
            android:textSize="30dp"
            android:gravity="center_horizontal"/>
        <EditText
            android:id="@+id/urlEditText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text=""
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"/>
        <Button
            android:id="@+id/openBrowserButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:text="開く"
            android:onClick="openBrowser"/>
    </LinearLayout>

</FrameLayout>

デモ動画

詳細

今回のメイン部分のコードはここだ。

fun openBrowser(view: View) {
    val urlEditor = findViewById<EditText>(R.id.urlEditText)
    val uri = Uri.parse("https://" + urlEditor.text.toString())
    val intent = Intent(Intent.ACTION_VIEW, uri)
    startActivity(intent)
}

<EditText
    android:id="@+id/urlEditText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text=""
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"/>
<Button
    android:id="@+id/openBrowserButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:text="開く"
    android:onClick="openBrowser"/>

順番にいこう。
まずは、ここでEditTextに入力された文字列をkotlinのプログラム上で取得している。

val urlEditor = findViewById<EditText>(R.id.urlEditText)
val uri = Uri.parse("https://" + urlEditor.text.toString())

findViewByIdメソッドでEditTextのIDからオブジェクトを取得
取得した文字列の先頭に「https://」の文字列を付け加える。

上記の２手順で開きたいURLを生成している。

val intent = Intent(Intent.ACTION_VIEW, uri)
startActivity(intent)

次はこちらだ。
先ほどのURLを元に、新しく画面を開く処理を行なっている。
また、ブラウザやマップなどを開く場合は「Intent.ACTION_VIEW」というのを設定する必要がある。
そして、仕上げにstartActivityメソッドを使って新しく画面を開こう。

こうすることで外部ブラウザを起動して開くことができる。

参考ページ

「」
「」

目次

概要