Android:Tabs/SupportFragments 中的 Google Map 问题

Question

我有一个顶部有标签栏的应用程序。单击其中一个选项卡时，它会加载一个 ListView。然后，当单击其中一个 ListView 项目并加载详细信息页面时。详细信息页面在选项卡栏下方的顶部有另一个工具栏，带有返回按钮以返回列表。不过，列表选项之一是“方向”。这会加载一个 View ，而不是正常的详细信息页面，该 View 在顶部包含相同的工具栏(包括获取方向按钮)，在其余部分以带有标记的位置为中心的谷歌地图。这最初效果很好。如果我单击后退按钮，它会很好地转到列表，我可以返回到指示。但是，有两件事打破了这一点。

1. 我在路线页面上。我单击另一个选项卡。然后我单击返回上一个选项卡。现在列表再次出现(应该如此)。然后我点击“方向”按钮。我没有显示工具栏和 map ，而是在选项卡栏下方看到一个空白屏幕。

2. 再次，我在路线页面上。我单击返回返回列表。然后我单击另一个选项卡。然后我单击返回上一个选项卡。我再次点击“路线”。应用程序崩溃并抛出 NullPointerException。异常出现在我尝试通过其 ID 检索 map 的那一行。

这是在点击路线列表项和加载路线页面时调用的代码:

    try {
            mLocationClient.connect();
            v = inflater.inflate(R.layout.directions, container, false);
            GoogleMap mMap;
            mMap = ((SupportMapFragment) getFragmentManager().findFragmentById(R.id.directionsmap)).getMap();
            Geocoder coder = new Geocoder(getActivity());
            List<Address> address;

            try {
                String myAddress = "1 Monument Cir Indianapolis, IN 46204";
                address = coder.getFromLocationName(myAddress, 1);
                Address museumLocation = address.get(0);
                mMap.addMarker(new MarkerOptions()
                        .position(new LatLng(museumLocation.getLatitude(), museumLocation.getLongitude()))
                        .title(getResources().getString(R.string.museumTitle)));
            } catch(Exception e) {
                //
            }
            Button backButton = (Button)v.findViewById(R.id.backtoexhibits);
            backButton.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    //Fragment fragment = (getFragmentManager().findFragmentById(R.id.directionsmap));   
                    FragmentTransaction ft = getActivity().getSupportFragmentManager().beginTransaction();
                    //ft.remove(fragment);

                    InfoTab infoTab = new InfoTab();
                    ft.replace(R.id.realtabcontent, infoTab);
                    ft.commit();
                }
            });

            Button directionsButton = (Button)v.findViewById(R.id.getdirections);
            directionsButton.setOnClickListener(new OnClickListener() {

                @Override
                public void onClick(View v) {
                    try {
                        openDirectionsDialog();
                    } catch (UnsupportedEncodingException e) {
                        // TODO Auto-generated catch block
                        e.printStackTrace();
                    }
                }
            });
        } catch (InflateException e){
            /* map is already there, just return view as it is */
            Log.d("DEBUG",e.getLocalizedMessage());
        }

这是我的路线 fragment 的 xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:map="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<LinearLayout
    android:id="@+id/directionsheader"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/tcmblue"
    android:orientation="horizontal" >
    <Button
        android:id="@+id/backtoexhibits"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/backtext"
        android:layout_margin="5dp"
        android:textColor="@color/white"
        android:background="@drawable/buttonselector"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:paddingTop="5dp"
        android:paddingBottom="5dp" />
    <Button
        android:id="@+id/getdirections"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/getdirections"
        android:layout_margin="5dp"
        android:textColor="@color/white"
        android:background="@drawable/buttonselector"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:paddingTop="5dp"
        android:paddingBottom="5dp" />

</LinearLayout>
<fragment 
    class="com.google.android.gms.maps.SupportMapFragment"
    android:id="@+id/directionsmap"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    map:cameraTargetLat="39.810166"
    map:cameraTargetLng="-86.156708"
    map:cameraZoom="15"
    map:mapType="normal" />

</LinearLayout>

编辑

这是我的标签 Activity 的代码。

import android.content.Intent;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentTabHost;
import android.support.v4.app.FragmentTransaction;
import android.widget.TabHost.OnTabChangeListener;
import android.widget.TabWidget;
import android.widget.TextView;

public class TabsActivity extends FragmentActivity {
    private FragmentTabHost mTabHost;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.tabs);
        mTabHost = (FragmentTabHost)findViewById(android.R.id.tabhost);
        mTabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);

        mTabHost.addTab(mTabHost.newTabSpec("Home").setIndicator("Home", getResources().getDrawable(R.drawable.hometab)),HomeTab.class, null);
        mTabHost.addTab(mTabHost.newTabSpec("Explore").setIndicator("Explore", getResources().getDrawable(R.drawable.exploretab)),ExploreTab.class, null);
        mTabHost.addTab(mTabHost.newTabSpec("Info").setIndicator("Info", getResources().getDrawable(R.drawable.infotab)),InfoTab.class, null);
        mTabHost.addTab(mTabHost.newTabSpec("Social").setIndicator("Social", getResources().getDrawable(R.drawable.socialtab)),SocialTab.class, null);
        mTabHost.addTab(mTabHost.newTabSpec("Contact").setIndicator("Contact", getResources().getDrawable(R.drawable.contacttab)),ContactTab.class, null);

        TabWidget tabWidget = mTabHost.getTabWidget();
        tabWidget.setStripEnabled(false);
        for(int i=0; i < tabWidget.getChildCount(); i++){
            tabWidget.getChildAt(i).setBackgroundResource(R.drawable.tab_bg);
            TextView tv = (TextView)tabWidget.getChildAt(i).findViewById(android.R.id.title);
            tv.setTextColor(this.getResources().getColor(R.color.white));
        }

        mTabHost.setOnTabChangedListener(new OnTabChangeListener() {

            @Override
            public void onTabChanged(String tabId) {
                FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
                if(tabId=="Home"){
                    finish();
                } else if(tabId=="Explore") {
                    ExploreTab exploreTab = new ExploreTab();
                    ft.replace(R.id.realtabcontent, exploreTab);
                } else if(tabId=="Info") {
                    InfoTab infoTab = new InfoTab();
                    ft.replace(R.id.realtabcontent, infoTab);
                } else if(tabId=="Social") {
                    SocialTab socialTab = new SocialTab();
                    ft.replace(R.id.realtabcontent, socialTab);
                } else if(tabId=="Contact") {
                    ContactTab contactTab = new ContactTab();
                    ft.replace(R.id.realtabcontent, contactTab);
                }
                ft.commit();
                TabWidget tw = mTabHost.getTabWidget();
                for(int i=0; i < tw.getChildCount(); i++){
                    TextView tabText = (TextView)tw.getChildAt(i).findViewById(android.R.id.title);
                    if(tabText.getText()==tabId){
                        tabText.setTextColor(TabsActivity.this.getResources().getColor(R.color.tcmgreen));
                    } else {
                        tabText.setTextColor(TabsActivity.this.getResources().getColor(R.color.white));
                    }

                }
            }
        });

        Intent intent = getIntent();
        String tag = intent.getStringExtra("tab");
        mTabHost.setCurrentTabByTag(tag);

    }

    }

编辑 2:

我已经注释掉了后退按钮上删除 fragment 的部分。该应用程序不再崩溃。但是，我可以去一次指示。在那之后，如果我点击返回或另一个标签，然后返回到方向，我会在 map 应该出现的地方得到一个空白屏幕。以下是堆栈跟踪的结果:

12-09 16:29:56.056: W/System.err(16474): android.view.InflateException: Binary XML file line #39: Error inflating class fragment
12-09 16:29:56.066: W/System.err(16474):    at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:713)
12-09 16:29:56.066: W/System.err(16474):    at android.view.LayoutInflater.rInflate(LayoutInflater.java:755)
12-09 16:29:56.066: W/System.err(16474):    at android.view.LayoutInflater.inflate(LayoutInflater.java:492)
12-09 16:29:56.066: W/System.err(16474):    at android.view.LayoutInflater.inflate(LayoutInflater.java:397)
12-09 16:29:56.066: W/System.err(16474):    at org.childrensmuseum.visittcmindy.PageDetails.onCreateView(PageDetails.java:117)
12-09 16:29:56.066: W/System.err(16474):    at android.support.v4.app.Fragment.performCreateView(Fragment.java:1478)
12-09 16:29:56.066: W/System.err(16474):    at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:927)
12-09 16:29:56.066: W/System.err(16474):    at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1104)
12-09 16:29:56.066: W/System.err(16474):    at android.support.v4.app.BackStackRecord.run(BackStackRecord.java:682)
12-09 16:29:56.066: W/System.err(16474):    at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:1460)
12-09 16:29:56.066: W/System.err(16474):    at android.support.v4.app.FragmentManagerImpl$1.run(FragmentManager.java:440)
12-09 16:29:56.066: W/System.err(16474):    at android.os.Handler.handleCallback(Handler.java:733)
12-09 16:29:56.066: W/System.err(16474):    at android.os.Handler.dispatchMessage(Handler.java:95)
12-09 16:29:56.066: W/System.err(16474):    at android.os.Looper.loop(Looper.java:137)
12-09 16:29:56.066: W/System.err(16474):    at android.app.ActivityThread.main(ActivityThread.java:4998)
12-09 16:29:56.066: W/System.err(16474):    at java.lang.reflect.Method.invokeNative(Native Method)
12-09 16:29:56.066: W/System.err(16474):    at java.lang.reflect.Method.invoke(Method.java:515)
12-09 16:29:56.066: W/System.err(16474):    at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:777)
12-09 16:29:56.066: W/System.err(16474):    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:593)
12-09 16:29:56.066: W/System.err(16474):    at dalvik.system.NativeStart.main(Native Method)
12-09 16:29:56.066: W/System.err(16474): Caused by: java.lang.IllegalArgumentException: Binary XML file line #39: Duplicate id 0x7f050058, tag null, or parent id 0x0 with another fragment for com.google.android.gms.maps.SupportMapFragment
12-09 16:29:56.066: W/System.err(16474):    at android.support.v4.app.FragmentActivity.onCreateView(FragmentActivity.java:290)
12-09 16:29:56.066: W/System.err(16474):    at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:685)

编辑3

我现在已经修复了它，这样你就可以在点击返回后返回 map 。修复相当简单。您没有看到的是，在 try 语句之外，我的 View “v”是在 onCreateView 函数中声明的。我把它拿出来，让它成为类中的私有(private)静态变量。现在它不会丢失。我用这个线程作为答案:Duplicate ID, tag null, or parent id with another fragment for com.google.android.gms.maps.MapFragment

出现了一个新问题，如果您转到 map ，单击后退，然后返回，后退按钮会导致崩溃。它在创建 FragmentTransaction 的地方触发空指针异常。不过，我会为此开一个新线程。

Answer 1

这是我第一次尝试回答 SO 问题，所以如果我离题太远，我深表歉意!

在这种情况下，我并不完全了解您如何使用 FragmentTransaction，但我怀疑对 ft.remove(fragment); 的调用实际上中断了后续调用以查看上 fragment 。

详细来说，看起来您在按下后退按钮时正在执行以下操作(从高层次上看):

• 找到 map fragment
• 开始交易
• 从 fragment 管理器中删除 map fragment (我认为这就是问题所在)
• 交换 fragment 内容(正如我所期望的那样)
• 提交交易

如果您要删除 map fragment ，并且您觉得确实需要删除它，那么您什么时候重新创建 fragment 并将其添加回管理器以供将来使用？