diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml index 8df1918..6599e2a 100644 --- a/app/src/main/AndroidManifest.xml +++ b/app/src/main/AndroidManifest.xml @@ -7,7 +7,8 @@ + android:screenOrientation="landscape" + android:theme="@style/Theme.Hearth"> diff --git a/app/src/main/assets/h5/css/app.css b/app/src/main/assets/h5/css/app.css new file mode 100644 index 0000000..c3c36fb --- /dev/null +++ b/app/src/main/assets/h5/css/app.css @@ -0,0 +1,61 @@ +/* Hearth 桌面样式：侧边栏 + 5 页框架 + 柔光玻璃容器 */ +/* Hearth launcher styles: sidebar + 5-page frame + soft-glass containers */ + +* { margin: 0; padding: 0; box-sizing: border-box; } + +html, body { height: 100%; } + +/* 壁纸透明：html/body 不设背景，露出原生壁纸 */ +/* Wallpaper transparency: html/body keep transparent to reveal native wallpaper */ +html, body { background: transparent; } + +body { + color: var(--text); + font-family: -apple-system, "MiSans", "PingFang SC", sans-serif; + overflow: hidden; +} + +.app { display: flex; height: 100vh; } + +/* 侧边栏：柔光玻璃容器，非纯色背景 */ +/* Sidebar: soft-glass container, not a solid color */ +.rail { + width: 80px; + background: var(--glass-bg); + backdrop-filter: blur(20px) saturate(1.2) brightness(1.05) contrast(1.1); + -webkit-backdrop-filter: blur(20px) saturate(1.2) brightness(1.05) contrast(1.1); + border-right: 1px solid var(--glass-border); + display: flex; + flex-direction: column; + align-items: center; + padding: 12px 0; + gap: 8px; + transition: width .2s; +} + +.rail.expanded { width: 240px; align-items: stretch; padding: 12px 8px; } + +.rail-clock { font-size: 14px; color: var(--text-dim); display: none; } + +.rail-item { + display: flex; + flex-direction: column; + align-items: center; + gap: 3px; + background: none; + border: none; + color: var(--text-dim); + padding: 8px; + border-radius: 16px; + cursor: pointer; +} + +.rail-item .ico { font-size: 20px; } +.rail-item .lbl { font-size: 11px; } + +.rail-item.active { background: var(--accent); color: #fff; } + +.content { flex: 1; overflow: hidden; } + +.page { display: none; height: 100%; } +.page.active { display: flex; flex-direction: column; } diff --git a/app/src/main/assets/h5/css/tokens.css b/app/src/main/assets/h5/css/tokens.css new file mode 100644 index 0000000..a045363 --- /dev/null +++ b/app/src/main/assets/h5/css/tokens.css @@ -0,0 +1,19 @@ +/* Hearth 设计 token：HyperOS 4 柔光玻璃 + Miuix 双色 */ +/* Hearth design tokens: HyperOS 4 soft-glass + Miuix dual-color scheme */ +:root { + --glass-bg: rgba(255, 255, 255, 0.4); /* 浅色半透明白 / light translucent white */ + --glass-border: rgba(0, 0, 0, 0.06); + --text: #1a1a1a; + --text-dim: #8a8a90; + --accent: #ff6900; +} + +@media (prefers-color-scheme: dark) { + :root { + --glass-bg: rgba(21, 21, 24, 0.55); /* 深色半透明 / dark translucent */ + --glass-border: rgba(255, 255, 255, 0.08); + --text: #ffffff; + --text-dim: #9a9aa0; + --accent: #ff6900; + } +} diff --git a/app/src/main/assets/h5/index.html b/app/src/main/assets/h5/index.html index d6bc569..c91462b 100644 --- a/app/src/main/assets/h5/index.html +++ b/app/src/main/assets/h5/index.html @@ -1,12 +1,46 @@ - - - Hearth + + +Hearth + + -

Hearth Launcher

-

占位页面，后续由 WebView 加载。

+
+ +
+
+
+
+
+
+
+
+ + + diff --git a/app/src/main/assets/h5/js/bridge.js b/app/src/main/assets/h5/js/bridge.js new file mode 100644 index 0000000..470d163 --- /dev/null +++ b/app/src/main/assets/h5/js/bridge.js @@ -0,0 +1,17 @@ +// HearthBridge 原生桥接封装：统一 Promise 调用 +// HearthBridge native bridge wrapper: unified Promise-based calls +const bridge = { + call(method, ...args) { + return new Promise((resolve, reject) => { + if (!window.HearthBridge || typeof window.HearthBridge[method] !== 'function') { + reject(new Error(`bridge method not found: ${method}`)); + return; + } + try { + resolve(window.HearthBridge[method](...args)); + } catch (e) { + reject(e); + } + }); + } +}; diff --git a/app/src/main/assets/h5/js/router.js b/app/src/main/assets/h5/js/router.js new file mode 100644 index 0000000..6233ade --- /dev/null +++ b/app/src/main/assets/h5/js/router.js @@ -0,0 +1,25 @@ +// 桌面路由：侧边栏 5 页 + 页面切换 + 顶部时间 +// Launcher router: 5 sidebar pages + page switching + top clock +const PAGES = [ + { id: 'home', label: '首页', icon: '🏠' }, + { id: 'immersive', label: '沉浸首页', icon: '🚗' }, + { id: 'webapplist', label: 'H5 应用', icon: '🌐' }, + { id: 'applist', label: '安卓 APP', icon: '📱' }, + { id: 'settings', label: '设置', icon: '⚙️' }, +]; + +const router = { + current: 'home', + navigate(id) { + this.current = id; + document.querySelectorAll('[data-page]').forEach(el => + el.classList.toggle('active', el.dataset.page === id)); + // 非首页时侧边栏顶部显示小时间 + // Show the small clock at the sidebar top when not on home + const clock = document.getElementById('rail-clock'); + if (clock) clock.style.display = (id === 'home') ? 'none' : 'block'; + if (id === 'home') window.updateHomeCards && window.updateHomeCards(); + if (id === 'applist') window.loadAppList && window.loadAppList(); + if (id === 'webapplist') window.loadWebAppList && window.loadWebAppList(); + } +}; diff --git a/app/src/main/java/top/yeij/hearth/webview/WebViewManager.kt b/app/src/main/java/top/yeij/hearth/webview/WebViewManager.kt index ebcc73d..8811fe0 100644 --- a/app/src/main/java/top/yeij/hearth/webview/WebViewManager.kt +++ b/app/src/main/java/top/yeij/hearth/webview/WebViewManager.kt @@ -10,6 +10,9 @@ class WebViewManager(private val activity: Activity) { @SuppressLint("SetJavaScriptEnabled") fun attach(bridge: JsBridge): WebView { val webView = WebView(activity) + // 透明背景，露出原生壁纸 + // Transparent background to reveal native wallpaper + webView.setBackgroundColor(android.graphics.Color.TRANSPARENT) webView.settings.apply { javaScriptEnabled = true useWideViewPort = true diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml new file mode 100644 index 0000000..cdcd290 --- /dev/null +++ b/app/src/main/res/values/themes.xml @@ -0,0 +1,8 @@ + + + + +