Android：在选项卡/SupportFragments中使用Google地图的问题

Question

Android：在选项卡/SupportFragments中使用Google地图的问题

androidgoogle-maps-android-api-2supportmapfragment

3

我有一个带有选项卡的应用程序，位于顶部。当单击其中一个选项卡时，它会加载一个ListView。然后，当单击列表视图项并加载详细信息页面时，详细信息页面在选项卡下方具有另一个工具栏，其中包含返回按钮以返回到列表。但是，列表中的一个选项是“方向”。而不是正常的详细信息页面，它会加载一个视图，其中包含相同的顶部工具栏（包括获取方向按钮）和地图，该地图位于以位置为中心的标记处。这最初很有效。如果我点击返回按钮，它可以正常返回到列表，我可以返回到方向。但是，有两件事情破坏了这一点。

我在方向页面上。我单击另一个选项卡。然后我点击回到先前的选项卡。现在再次呈现列表（应该是这样）。然后我点击“方向”按钮。而不是显示工具栏和地图，我得到了一个在选项卡下面的空白屏幕。
同样，我在方向页面上。我点击返回以返回到列表。然后我单击另一个选项卡。然后我点击回到先前的选项卡。我再次点击“方向”。应用程序崩溃并抛出NullPointerException。异常在尝试按ID检索地图的行上。

以下是每次单击方向列表项并加载方向页面时调用的代码:

    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());
        }

这是我的路线片段的XML代码：

这里是我的路线片段的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>

编辑

以下是我的选项卡活动代码。

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：

我已经将删除片段的后退按钮部分注释掉。应用程序不再崩溃。但是，我只能进入一次方向。之后，如果我点击返回或其他选项卡，然后返回到方向，我会看到一个空白屏幕，地图应该在那里。以下是堆栈跟踪的输出：

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

现在我已经修复了问题，你可以在点击返回后回到地图界面。修复方法相当简单。你看不到的是，在 try 语句之外，我的视图 'v' 在 onCreateView 函数中被声明。我将其移除，并将其作为类中的一个私有静态变量。现在它不会丢失了。我使用了这个线程来解决问题：在 com.google.android.gms.maps.MapFragment 中出现重复 ID、空标记或父 ID 的问题。

但是还出现了一个新问题，如果您进入地图，然后点击返回，再次进入地图，返回按钮会导致崩溃。它触发了一个空指针异常，其中创建 FragmentTransaction 的过程中出现了问题。不过我会为此开启一个新的线程。

- LoneWolfPR

你能发布完整的活动代码吗？ - Ariel Magbanua

已添加处理所有选项卡的活动代码。这样足够了吗？还有其他您想要看到的内容吗？ - LoneWolfPR

2个回答

0

如上所述，编辑3中提到。修复程序要求将“v”的声明移出onCreateView方法。我将其作为一个私有静态变量放在了类的顶部。这个灵感来自于这个主题：Duplicate ID, tag null, or parent id with another fragment for com.google.android.gms.maps.MapFragment 一个新的问题已经出现了，但它与地图无关。

- LoneWolfPR

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Dev Leader · Accepted Answer

这是我第一次尝试回答SO问题，所以如果我离题了，请谅解！

我对你在这种情况下如何使用FragmentTransaction并不完全熟悉，但我怀疑调用ft.remove(fragment); 实际上会破坏后续查找片段的调用。

更具体地说，当按下返回按钮时，您似乎正在执行以下操作（从高层次来看）：

查找地图片段
开始一个事务
从碎片管理器中删除地图片段（我认为这就是问题所在）
执行碎片内容的交换（正如我希望你做的那样）
提交交易

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