android - Android マップ V2 がスムーズにスクロールできない - エミュレータでぼかしが発生する

Question

マップ v2 を自分のアプリケーションに統合する作業を行っていましたが、正常に完了し、デバイスとエミュレーターの両方で物事を視覚化できましたが、レイアウトのマップの下にいくつかのウィジェットを追加しようとすると、スムーズにスクロールできず、マップがぼやけた印象を作成します画面上で、マップフラグメントが埋め込まれた状態でスクロールしようとしたときに下の画像を参照してください

上の画像では、スクロール時にスムーズに遷移して 2 つのボタンを表示することになっています。しかし、私は何かが間違っていることを認識しています。誰かが私に解決策を提案してもらえますか? よろしくお願いします

activity_main.xml

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:facebook="http://schemas.android.com/apk/res-auto"
android:id="@+id/scrollView1"
android:layout_width="match_parent"
android:layout_height="wrap_content" >

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="730dp" >

        <com.facebook.widget.LoginButton
            android:id="@+id/login_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            facebook:confirm_logout="false"
            facebook:fetch_user_info="true" />

        <com.facebook.widget.ProfilePictureView
            android:id="@+id/profilePicture"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:gravity="center_horizontal"
            facebook:preset_size="normal" >
        </com.facebook.widget.ProfilePictureView>

        <TextView
            android:id="@+id/greeting"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@+id/profilePicture"
            android:layout_centerHorizontal="true"
            android:textColor="#333"
            android:textSize="18sp" />

        <fragment
            android:id="@+id/map"
            android:layout_width="match_parent"
            android:layout_height="345dp"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/profilePicture"
            android:layout_marginTop="22dp"
            class="com.google.android.gms.maps.SupportMapFragment" />

        <Button
            android:id="@+id/mapClear"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="146dp"
            android:layout_height="wrap_content"
            android:layout_alignBaseline="@+id/mapSet"
            android:layout_alignBottom="@+id/mapSet"
            android:layout_alignParentRight="true"
            android:layout_marginTop="10dp"
            android:layout_toRightOf="@+id/greeting"
            android:text="Clear" />

        <Button
            android:id="@+id/mapSet"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="146dp"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignRight="@+id/greeting"
            android:layout_below="@+id/map"
            android:layout_marginTop="10dp"
            android:text="Set" />

        <Button
            android:id="@+id/fuelTest"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="90dp"
            android:layout_height="wrap_content"
            android:layout_alignRight="@+id/profilePicture"
            android:layout_below="@+id/mapSet"
            android:layout_marginTop="25dp"
            android:text="get fuel" />

        <TextView
            android:id="@+id/fuelLevel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBaseline="@+id/fuelTest"
            android:layout_alignBottom="@+id/fuelTest"
            android:layout_alignLeft="@+id/greeting"
            android:text="@string/fuellevel"
            android:textAppearance="?android:attr/textAppearanceMedium" />

        <Button
            android:id="@+id/post"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBaseline="@+id/greeting"
            android:layout_alignBottom="@+id/greeting"
            android:layout_alignParentRight="true"
            android:layout_marginRight="18dp"
            android:text="post" />

</RelativeLayout>

Answer 1

スクロール可能なビューを ScrollView 内に配置しないでください。最適化と UX の問題が発生するためです。例: ビューを下にスクロールするのではなく、垂直方向にスクロールするとマップのカメラ位置が変わると混乱する可能性があります。ユーザーが地図を操作できるようにする必要がある場合 (mapview の構成が示すように)、それを一番上に置き、下にウィジェットを追加します。ウィジェットに、高さが大きく異なる可能性のある要素 (記述的な TextView など) が含まれていない場合は、垂直方向の LinearLayout を使用して、重みの 30% をマップに割り当て、残りをウィジェットに割り当てます。ウィジェットの高さに応じて、ScrollView を使用できます。

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

    <fragment
        android:id="@+id/map"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.3"
        class="com.google.android.gms.maps.SupportMapFragment" />

    <ScrollView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.7">

        <RelativeLayout
            android:layout_height="fill_parent"
            android:layout_width="fill_parent">
            <!-- put your widgets here -->
        </RelativeLayout>


    </ScrollView>


</LinearLayout>

ユーザーがマップを操作する必要がない場合は、 Google の静的マップ APIを介して対応するマップ タイルを取得し、単純に ImageView に表示することもできます。例：

http://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap
&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318
&markers=color:red%7Ccolor:red%7Clabel:C%7C40.718217,-73.998284&sensor=false

Answer 2

マルチマップのマップデモを見てください。