android - 在 Android web 应用程序中实现 coverflow UI

标签 android css 3d transform coverflow

我正在尝试使用 HTML、CSS、JavaScript 和一些图像在 Android 网络应用程序上构建一个 Coverflow UI。

CSS 3D 变换在 Safari sine 2009 和 iPhone 2.0 版本后得到支持,但在 Android 上的支持不佳。更糟糕的是,Android 2.1 和 Android 2.2 上的实现存在错误,并且在每个版本中以不同的方式出现。

知道如何使用 HTML、CSS、JavaScript 和一些不使用 CSS 3D 转换的图像在 Android 网络应用程序上构建 Coverflow UI 吗?

最佳答案

如果您正在寻找不使用 CSS 3D 或插件的纹理 3D 转换,Canvas 就是您的最佳选择,它是大多数尖端浏览器中的 HTML 元素。已经有 3D 库利用了这一点,比如 K3D .

另一方面,您可以使用动态 HTML 和不同 Angular 预渲染图像。对于没有旋转的 3D 效果,只需实现一个基本的 3D 渲染公式,例如这个:

点在屏幕上的X位置=位置X的像素/距离+屏幕宽度的一半

点在屏幕上的Y位置=位置Y的像素/距离+屏幕高度的一半

关于android - 在 Android web 应用程序中实现 coverflow UI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4663951/

相关文章:

android - 将 AsyncTask 与来自数据库的 JSON 请求一起使用

android - 减少 Android 应用程序的内存使用

html - 在屏幕上居中放置一个 float block

jquery - 当宽度大于时隐藏/显示 div 时遇到问题

ios - 场景Kit/ARKit : map screen shape into 3D object

python - 用Python制作一个旋转球体

android - 如何将我的应用程序设置为 SMS 和 MMS 的默认消息传递应用程序

android - 如何保持安装两个版本的应用程序?

html - 可变宽度容器中的截断文本

JavaFX 在 3D 中标记轴