tv浏览网页工具

tv不方便安装浏览器，可能是政策不允许，但是需要浏览网页，需要一个浏览网页工具。

创建一个安卓工程，模板选tv的。

新增布局文件：

XML 复制代码

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

    <!-- 顶部工具栏：输入框 + 按钮 -->
    <LinearLayout
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="10dp"
        android:background="#333333"
        android:visibility="visible">

        <EditText
            android:id="@+id/urlInput"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:hint="请输入完整 URL，如 http://192.168.1.1 或 https://www.doubao.com/chat"
            android:textSize="18sp"
            android:textColor="@android:color/black"
            android:textColorHint="@android:color/darker_gray"
            android:inputType="textUri"
            android:imeOptions="actionGo"
            android:selectAllOnFocus="true"
            android:nextFocusDown="@+id/goFullscreenBtn"
            android:nextFocusUp="@+id/goFullscreenBtn"
            android:background="@android:drawable/editbox_background" />

        <Button
            android:id="@+id/goFullscreenBtn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="全屏显示"
            android:textSize="16sp" />
    </LinearLayout>

    <!-- WebView 全屏显示区域，初始隐藏 -->
    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="gone" />

</FrameLayout>

MainActivity代码如下：

Kotlin 复制代码

package com.example.tv_browser

import android.content.Context
import android.os.Bundle
import android.text.InputFilter
import android.view.KeyEvent
import android.view.View
import android.view.inputmethod.EditorInfo
import android.view.inputmethod.InputMethodManager
import android.webkit.WebChromeClient
import android.webkit.WebView
import android.webkit.WebViewClient
import android.widget.Button
import android.widget.EditText
import android.widget.LinearLayout
import android.widget.Toast
import androidx.appcompat.app.AppCompatActivity
import com.example.tv_browser.R

class MainActivity : AppCompatActivity() {

    private lateinit var urlInput: EditText
    private lateinit var goFullscreenBtn: Button
    private lateinit var webView: WebView
    private lateinit var toolbar: LinearLayout

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

        urlInput = findViewById(R.id.urlInput)
        goFullscreenBtn = findViewById(R.id.goFullscreenBtn)
        webView = findViewById(R.id.webView)
        toolbar = findViewById(R.id.toolbar)

        setupWebView()

        // 实时将输入字母转为小写（大小写不敏感）
        urlInput.filters = arrayOf(InputFilter { source, start, end, dest, dstart, dend ->
            val builder = StringBuilder()
            for (i in start until end) {
                builder.append(source[i].lowercaseChar())
            }
            builder.toString()
        })

        // 全屏按钮点击事件
        goFullscreenBtn.setOnClickListener {
            // 先隐藏键盘
            hideKeyboard()

            // 让输入框失去焦点（有助于键盘关闭）
            urlInput.clearFocus()

            var url = urlInput.text.toString().trim()
            if (url.isEmpty()) {
                Toast.makeText(this, "请输入完整的网址（包含 http:// 或 https://）", Toast.LENGTH_SHORT).show()
                return@setOnClickListener
            }
            // 转为小写
            url = url.lowercase()
            // 不自动补全协议，直接加载
            loadUrlAndFullscreen(url)
        }

        // 软键盘"前往"按钮触发
        urlInput.setOnEditorActionListener { _, actionId, _ ->
            if (actionId == EditorInfo.IME_ACTION_GO) {
                goFullscreenBtn.performClick()
                true
            } else false
        }

        urlInput.requestFocus()
    }

    private fun hideKeyboard() {
        val imm = getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
        imm.hideSoftInputFromWindow(urlInput.windowToken, 0)
    }

    private fun setupWebView() {
        webView.settings.apply {
            javaScriptEnabled = true
            domStorageEnabled = true
            loadWithOverviewMode = true
            useWideViewPort = true
            builtInZoomControls = false
            displayZoomControls = false
            allowFileAccess = true
            allowContentAccess = true
//            webView.settings.userAgentString = "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36"
        }

        // 在 WebView 内部打开链接，不调起外部浏览器
        webView.webViewClient = object : WebViewClient() {
            override fun shouldOverrideUrlLoading(view: WebView?, request: android.webkit.WebResourceRequest?): Boolean {
                request?.url?.let { view?.loadUrl(it.toString()) }
                return true
            }
        }

        // 支持全屏视频等
        webView.webChromeClient = WebChromeClient()
    }

    private fun loadUrlAndFullscreen(url: String) {
        toolbar.visibility = View.GONE
        webView.visibility = View.VISIBLE
        webView.loadUrl(url)
    }

    // 处理返回键
    override fun onBackPressed() {
        when {
            webView.visibility == View.VISIBLE && toolbar.visibility == View.GONE -> {
                // 退出全屏，显示工具栏并清空页面
                toolbar.visibility = View.VISIBLE
                webView.visibility = View.GONE
                webView.stopLoading()
                webView.loadUrl("about:blank")
            }
            webView.canGoBack() -> webView.goBack()
            else -> super.onBackPressed()
        }
    }

    // 避免软键盘残留， 但应该不会
    override fun onPause() {
        super.onPause()
        val imm = getSystemService(INPUT_METHOD_SERVICE) as? android.view.inputmethod.InputMethodManager
        currentFocus?.let {
            imm?.hideSoftInputFromWindow(it.windowToken, 0)
        }
    }
}

AndroidManifest文件如下：

XML 复制代码

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.tv_browser">

    <!-- 网络权限 -->
    <uses-permission android:name="android.permission.INTERNET" />

    <!-- 声明 TV 专属特性，必须为 true（因为仅 TV 可用） -->
    <uses-feature
        android:name="android.software.leanback"
        android:required="true" />

    <!-- 声明不需要触摸屏（TV 没有触摸屏） -->
    <uses-feature
        android:name="android.hardware.touchscreen"
        android:required="false" />

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="TV Browser"
        android:usesCleartextTraffic="true"
        android:theme="@style/Theme.AppCompat.NoActionBar">

        <activity
            android:name=".MainActivity"
            android:exported="true"
            android:configChanges="orientation|screenSize">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
                <category android:name="android.intent.category.LEANBACK_LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>

libs.versions.toml ：

Groovy 复制代码

[versions]
agp = "9.0.1"
coreKtx = "1.18.0"
appcompat = "1.7.1"
kotlin = "2.0.21"
composeBom = "2024.09.00"
tvFoundation = "1.0.0-alpha07"
tvMaterial = "1.0.0-alpha07"
lifecycleRuntimeKtx = "2.10.0"
activityCompose = "1.13.0"

[libraries]
androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
androidx-appcompat = { group = "androidx.appcompat", name = "appcompat", version.ref = "appcompat" }
androidx-compose-bom = { group = "androidx.compose", name = "compose-bom", version.ref = "composeBom" }
androidx-compose-ui = { group = "androidx.compose.ui", name = "ui" }
androidx-compose-ui-graphics = { group = "androidx.compose.ui", name = "ui-graphics" }
androidx-compose-ui-tooling = { group = "androidx.compose.ui", name = "ui-tooling" }
androidx-compose-ui-tooling-preview = { group = "androidx.compose.ui", name = "ui-tooling-preview" }
androidx-compose-ui-test-manifest = { group = "androidx.compose.ui", name = "ui-test-manifest" }
androidx-compose-ui-test-junit4 = { group = "androidx.compose.ui", name = "ui-test-junit4" }
androidx-tv-foundation = { group = "androidx.tv", name = "tv-foundation", version.ref = "tvFoundation" }
androidx-tv-material = { group = "androidx.tv", name = "tv-material", version.ref = "tvMaterial" }
androidx-lifecycle-runtime-ktx = { group = "androidx.lifecycle", name = "lifecycle-runtime-ktx", version.ref = "lifecycleRuntimeKtx" }
androidx-activity-compose = { group = "androidx.activity", name = "activity-compose", version.ref = "activityCompose" }

[plugins]
android-application = { id = "com.android.application", version.ref = "agp" }
kotlin-compose = { id = "org.jetbrains.kotlin.plugin.compose", version.ref = "kotlin" }

app/build.gradle.kts:

Groovy 复制代码

plugins {
    alias(libs.plugins.android.application)
    alias(libs.plugins.kotlin.compose)
}

android {
    namespace = "com.example.tv_browser"
    compileSdk {
        version = release(36)
    }

    defaultConfig {
        applicationId = "com.example.tv_browser"
        minSdk = 23
        targetSdk = 36
        versionCode = 1
        versionName = "1.0"

    }

    buildTypes {
        release {
            isMinifyEnabled = false
            proguardFiles(
                getDefaultProguardFile("proguard-android-optimize.txt"),
                "proguard-rules.pro"
            )
        }
    }
    compileOptions {
        sourceCompatibility = JavaVersion.VERSION_11
        targetCompatibility = JavaVersion.VERSION_11
    }
    buildFeatures {
        compose = true
    }
}

dependencies {
    implementation(libs.androidx.core.ktx)
    implementation(libs.androidx.appcompat)
    implementation(platform(libs.androidx.compose.bom))
    implementation(libs.androidx.compose.ui)
    implementation(libs.androidx.compose.ui.graphics)
    implementation(libs.androidx.compose.ui.tooling.preview)
    implementation(libs.androidx.tv.foundation)
    implementation(libs.androidx.tv.material)
    implementation(libs.androidx.lifecycle.runtime.ktx)
    implementation(libs.androidx.activity.compose)
    androidTestImplementation(platform(libs.androidx.compose.bom))
    androidTestImplementation(libs.androidx.compose.ui.test.junit4)
    debugImplementation(libs.androidx.compose.ui.tooling)
    debugImplementation(libs.androidx.compose.ui.test.manifest)

    implementation("androidx.leanback:leanback:1.0.0")
}

用模拟器运行：

下面那个键盘，用鼠标点击了没用，不知道为啥，直接用键盘可以输入。点击"全屏显示"按钮：

随便输入，提交：

ok.