android - 在 Android 上显示具有良好性能的巨大 map ？

转载作者：塔克拉玛干更新时间：2023-11-02 08:42:30

25

4

我是一个“初学者”，大约 6 个月前开始进行 Android 开发。我真的对这个话题充满热情，我读了几本书:

Learn Java for Android Development ;
Android Apps for Absolute Beginners ;
Beginning Android 4 (Beginning Apress) ;
Pro Android 4 (Professional Apress) ;
Mark Murphy 书籍的副本(因为亚马逊上没有 Kindle 版本)。

这些书使我很多了解了 Android 的工作方式。但我现在缺少的是……经验。所以我决定贡献一个项目，其目标是显示一张巨大的地铁 map ——当然，该项目的目标更广泛，但谈论它与这个问题无关。

map 离线存储，在我的应用程序包中。

用什么？

无法使用 Google map ，因为我的应用程序的 map 与 Google map 几乎没有关系。
使用简单的 ImageView 来显示 map 是“不可能的”，因为不支持缩放、平移等，而且我自己编写代码远远超出了我的能力范围。
我发现的唯一不错的解决方法是使用 WebView，因为支持缩放和平移。

此外，仅使用一张大图像无法达到目的:它会导致 extreme image quality loss .

问题是什么

我无法使用单张图片，因为当图片超过 1300 像素左右时，Android 会自动降低质量(参见上面的链接)。
我想以最低 2000 像素的分辨率显示我的 map (xhdpi 屏幕在其 1280 像素宽的屏幕上显示整个图像，但我希望它们也能够缩放)。
- 使用多密度图像(您知道，ldpi、mdpi、hdpi 和 xhdpi 的不同版本设备)是不可能的，因为它们急剧增加了 APK 的文件大小......
通过将我的 map 分成 5 个不同的图 block ，并针对所有屏幕密度仅使用一张图像，一切似乎都还不错……除了 WebView performance is awful .

最后一个解决方案的代码

我将我的大 map 分成 5 个不同的 map 图 block ，它们基本上是横向格式的矩形。我将它们全部 (map[1-5].jpg) 以及一个 HTML 文件 (map.html) 放入 ./assets/文件夹中。 HTML 文件的代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Huge map</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="user-scalable=yes, height=device-height, target-densityDpi=device-dpi">

    <style type="text/css">
    html, body, p, img { margin: 0; }
    img { border: 0; }
    p { height: 100%; min-height: 100%; }
    </style>
</head>
<body>
<p><!-- Displaying a 2000×2000px map -->
    <img src="file:///android_asset/map1.jpg" alt=""><br> <!-- 2000×408px -->
    <img src="file:///android_asset/map2.jpg" alt=""><br> <!-- 2000×408px -->
    <img src="file:///android_asset/map3.jpg" alt=""><br> <!-- 2000×408px -->
    <img src="file:///android_asset/map4.jpg" alt=""><br> <!-- 2000×408px -->
    <img src="file:///android_asset/map5.jpg" alt=""> <!-- 2000×368px -->
</p>
</body>
</html>

然后我将其加载到我的 Java 代码中并将其应用到我的布局(它只是一个 WebView):

import me.diti.test.R;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.webkit.WebSettings;
import android.webkit.WebView;

public class MapActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.map); // ./res/layout/map.xml with a <WebView>

        WebView mWebView = (WebView) findViewById(R.id.mapWebView); // The WebView’s id is mapWebView

        WebSettings webSettings = mWebView.getSettings();
            webSettings.setRenderPriority(WebSettings.RenderPriority.HIGH); // Attempt at getting better performance…
            webSettings.setAppCacheEnabled(false); // Offline map: no need for cache
            webSettings.setLoadWithOverviewMode(true);
            webSettings.setUseWideViewPort(true);
            webSettings.setSupportZoom(true);
            webSettings.setBuiltInZoomControls(true);

        mWebView.setInitialScale(100);
        mWebView.setScrollBarStyle(WebView.SCROLLBARS_INSIDE_OVERLAY);

        mWebView.loadUrl("file:///android_asset/map.html"); // We load the map (includes 5 big images)

    }

/* This is a minimal “working” example, no need for menu inflation and activity handling */

应用执行

At startup, the image(s) displays correctly ;
Unzooming works well (有没有可能看不到这个白色背景？CSS 属性 min-height 似乎不起作用)；
Maximum zooming is ugly ;
平移时的性能非常糟糕!

我的问题

显示大型自定义 map 、性能良好且相对易于使用的最佳方式是什么？ 我的解决方案可以接受吗？如何修复这些缺陷？我阅读了很多 StackOverflow 关于所有这些(自定义 map 、WebView 性能)的问题，但没有一个对我有帮助。

期待您的帮助，在此先感谢您。

最佳答案

我认为将大图像拆分成多个图 block 是一种很好的方法，但我认为您需要更进一步，而不仅仅是 5 张图像。尝试将其拆分为 10x10 网格中的 100 张 200x200 图像(或 8x8 等中的 64 张 250x250 图像)。然后使用 <table>在您现有的 WebView 中显示它们.

<table cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td><img src="file:///android_asset/map00.00.jpg" border="0"></td>
        <td><img src="file:///android_asset/map00.01.jpg" border="0"></td>
        ...
        <td><img src="file:///android_asset/map00.09.jpg" border="0"></td>
    </tr>
    <tr>
        <td><img src="file:///android_asset/map01.00.jpg" border="0"></td>
        <td><img src="file:///android_asset/map01.01.jpg" border="0"></td>
        ...
        <td><img src="file:///android_asset/map01.09.jpg" border="0"></td>
    </tr>
    ...
</table>

关于android - 在 Android 上显示具有良好性能的巨大 map ？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10471118/

25

4

0

文章推荐： java - 如何使从 Java 逻辑内部的 Maven 构建失败？

文章推荐： java - AfterAll 全局钩子(Hook) cucumber-jvm

文章推荐： android - 如何查看 Android 设备的 GPU 使用情况？

javascript - Ember.js，性能，性能 :
性能:数据存储写入与请求日志写入
我们希望通过我们的应用收集使用情况统计信息。因此，我们希望在服务器端的某个地方跟踪用户操作。就性能而言，哪个选项更合适: 在 App Engine 请求日志中跟踪用户操作。即为每个用户操作写入一个日
LINQ 性能
在针对对象集合的 LINQ 查询的幕后究竟发生了什么？它只是语法糖还是发生了其他事情使其更有效的查询？最佳答案您是指查询表达式，还是查询在幕后的作用？查询表达式首先扩展为“普通”C#。例如: v
WPF 性能
我正在构建一个简单的照片库应用程序，它在列表框中显示图像。 xaml 是:
java缓存系统和静态HashMap存储-性能
对于基于 Web 的企业应用程序，使用“静态 Hashmap 存储对象” 和 apache java 缓存系统有何优缺点？哪一个最有利于性能并减少堆内存问题例如: Map store=Applica
jquery存储变量类(性能)
我想知道在性能方面存储类变量的最佳方式是什么。我的意思是，由于 Children() 函数，存储一个 div id 比查找所有其他类名更好。还是把类名写在变量里比较好？例如这样: var $inne
Cassandra 性能
我已经阅读了所有这些关于 cassandra 有多快的文章，例如单行读取可能需要大约 5 毫秒。到目前为止，我不太关心我的网站速度，但是随着网站变得越来越大，一些页面开始需要相当多的查询，例如一个页
MySQL 性能
最近，我在缓存到内存缓存之前的查询一直需要很长时间才能处理!在这个例子中，它花费了 10 秒。在这种情况下，我要做的就是获得 10 个最近的点击。我感觉它加载了所有 125,592 行然后只返回 1
基本操作的C#性能
我找了几篇文章(包括SA中的一些问题)，试图找到基本操作的成本。但是，我尝试制作自己的小程序，以便自己进行测试。在尝试测试加法和减法时，我遇到了一些问题，我用简单的代码向您展示了这一点
Java远程调试——性能
这个问题在这里已经有了答案: Will Java app slow down by presence of -Xdebug or only when stepping through code? (
Javascript with() 性能
我记得很久以前读过 with() 对 JavaScript 有一些严重的性能影响，因为它可能对范围堆栈进行非确定性更改。我很难找到最近对此的讨论。这仍然是真的吗？最佳答案与其说 with 对性能有
MySQL 性能
我们有一个数据仓库，其中包含非规范化表，行数从 50 万行到 6 多万行不等。我正在开发一个报告解决方案，因此出于性能原因我们正在使用数据库分页。我们的报告有搜索条件，并且我们已经创建了必要的索引，但
mysql - 性能
我有一条有效的 SQL 语句，但需要很长时间才能处理我有一个 a_log 表和一个 people 表。我需要在 people 表中找到给定人员的每个 ID 的最后一个事件和关联的用户。 SELECT
JavaScript 性能
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它，visit the help center 。已关
CSS 性能
通常当我建立一个站点时，我将所有的 CSS 放在一个文件中，并且一次性定义与一组元素相关的所有属性。像这样: #myElement { color: #fff; background-
CSS 性能
两者之间是否存在任何性能差异: p { margin:0px; padding:0px; } 并省略最后的分号: p { margin:0px; padding:0px } 提前致谢!
PHP高精数学-性能
我的应用程序 (PHP) 需要执行大量高精度数学运算(甚至可能出现一共100个数字) 通过这个论坛的最后几篇帖子，我发现我必须使用任何高精度库，如 BC Math 或 GMP，因为 float 类型不
Javamail 性能
我一直在使用 javamail 从 IMAP 服务器(目前是 GMail)检索邮件。 Javamail 非常快速地从服务器检索特定文件夹中的消息列表(仅 id)，但是当我实际获取消息(仅包含甚至不包含
ruby 性能
我非常渴望开发我的第一个 Ruby 应用程序，因为我的公司终于在内部批准了它的使用。在我读到的关于 Ruby v1.8 之前的所有内容中，从来没有任何关于性能的正面评价，但我没有发现关于 1.9 版
redis结构、性能
我是 Redis 的新手，我有一个包含数百万个成员(member) ID、电子邮件和用户名的数据集，并且正在考虑将它们存储在例如列表结构中。我认为 list 和 sorted set 可能最适合我的情

首页

博学

6Ren·AI