帶有地圖的Android選項卡

我想用三個選項卡創建一個具有三個選項卡的Android應用程序（我已使用本教程：http://wptrafficanalyzer.in/blog/creating-navigation-tabs-using-tabhost-and-fragments-in-android/，因爲它應該適用於大量設備），其中兩個應顯示地圖。帶有地圖的Android選項卡

我擡頭尋找這個案例的教程，但我沒有找到合適的東西。那我該怎麼做？有人可以幫我或給一個鏈接，解釋這樣的事情？我希望這個問題很容易回答你，我很感激每一個答案。

更新：我現在嘗試一些東西，但我嘗試的方式不起作用：全碼：

XML：

<TabHost 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@android:id/tabhost" 
android:layout_width="match_parent" 
android:layout_height="match_parent"> 

<LinearLayout 
    android:orientation="vertical" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <TabWidget 
     android:id="@android:id/tabs" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="0"/> 

    <FrameLayout 
     android:id="@android:id/tabcontent" 
     android:layout_width="0dp" 
     android:layout_height="0dp" 
     android:layout_weight="0"/> 

    <FrameLayout 
     android:id="@+id/realtabcontent" 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1"/> 

    <FrameLayout 
     android:id="@+id/realtabcontent" 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="2"/> 

     <fragment 
      android:id="@+id/map" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_below="@id/tv_location" 
      class="com.google.android.gms.maps.SupportMapFragment" 
    /> 
</LinearLayout>

MainActivity.java：

package com.example.navigationtabdemo; 

import android.os.Bundle; 
import android.support.v4.app.FragmentActivity; 
import android.widget.TabHost; 

public class MainActivity extends FragmentActivity { 
    TabHost tHost; 


@Override 
public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 

    tHost = (TabHost) findViewById(android.R.id.tabhost); 
    tHost.setup(); 

    /** Defining Tab Change Listener event. This is invoked when tab is changed */ 
    TabHost.OnTabChangeListener tabChangeListener = new TabHost.OnTabChangeListener() { 

     @Override 
     public void onTabChanged(String tabId) { 
      android.support.v4.app.FragmentManager fm = getSupportFragmentManager(); 
      AndroidFragment androidFragment = (AndroidFragment) fm.findFragmentByTag("android"); 
      AppleFragment appleFragment = (AppleFragment) fm.findFragmentByTag("apple"); 
      MapsFragment mapsFragment = (MapsFragment) fm.findFragmentByTag("maps"); 
      android.support.v4.app.FragmentTransaction ft = fm.beginTransaction(); 

      /** Detaches the androidfragment if exists */ 
      if(androidFragment!=null) 
       ft.detach(androidFragment); 

      /** Detaches the applefragment if exists */ 
      if(appleFragment!=null) 
       ft.detach(appleFragment); 

      /** Detaches the mapsfragment if exists */ 
      if(mapsFragment!=null) 
       ft.detach(mapsFragment); 

      /** If current tab is android */ 
      if(tabId.equalsIgnoreCase("android")){ 

       if(androidFragment==null){ 
        /** Create AndroidFragment and adding to fragmenttransaction */ 
        ft.add(R.id.realtabcontent,new AndroidFragment(), "android"); 
       }else{ 
        /** Bring to the front, if already exists in the fragmenttransaction */ 
        ft.attach(androidFragment); 
       } 

      }else{ /** If current tab is apple */ 
       if(appleFragment==null){ 
        /** Create AppleFragment and adding to fragmenttransaction */ 
        ft.add(R.id.realtabcontent,new AppleFragment(), "apple"); 
       }else{ 
        /** Bring to the front, if already exists in the fragmenttransaction */ 
        ft.attach(appleFragment); 
       } 

      /** }else{ */  /** If current tab is maps */ 
       if(mapsFragment==null){ 
        /** Create MapsFragment and adding to fragmenttransaction */ 
        ft.add(R.id.realtabcontent,new MapsFragment(), "maps"); 
       }else{ 
        /** Bring to the front, if already exists in the fragmenttransaction */ 
        ft.attach(mapsFragment); 
       } 
      } 
      ft.commit(); 
     } 
    }; 

    /** Setting tabchangelistener for the tab */ 
    tHost.setOnTabChangedListener(tabChangeListener); 

    /** Defining tab builder for Android tab */ 
    TabHost.TabSpec tSpecAndroid = tHost.newTabSpec("android"); 
    tSpecAndroid.setIndicator("Android"); 
    tSpecAndroid.setContent(new DummyTabContent(getBaseContext())); 
    tHost.addTab(tSpecAndroid); 

    /** Defining tab builder for Apple tab */ 
    TabHost.TabSpec tSpecApple = tHost.newTabSpec("apple"); 
    tSpecApple.setIndicator("Apple"); 
    tSpecApple.setContent(new DummyTabContent(getBaseContext())); 
    tHost.addTab(tSpecApple); 

    /** Defining tab builder for Maps tab */ 
    TabHost.TabSpec tSpecMaps = tHost.newTabSpec("maps"); 
    tSpecMaps.setIndicator("Maps"); 
    tSpecMaps.setContent(new DummyTabContent(getBaseContext())); 
    tHost.addTab(tSpecMaps); 

} 
}

DummyTabContent：

package com.example.navigationtabdemo; 

import android.content.Context; 
import android.view.View; 
import android.widget.TabHost.TabContentFactory; 

public class DummyTabContent implements TabContentFactory{ 
    private Context mContext; 

    public DummyTabContent(Context context){ 
     mContext = context; 
    } 

    @Override 
    public View createTabContent(String tag) { 
     View v = new View(mContext); 
     return v; 
    } 
}

AndroidFragment：

package com.example.navigationtabdemo; 

import android.os.Bundle; 
import android.support.v4.app.ListFragment; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.ArrayAdapter; 
import android.widget.ListView; 

public class AndroidFragment extends ListFragment{ 

    /** An array of items to display in ArrayList */ 
    String android_versions[] = new String[]{ 
     "Jelly Bean", 
     "IceCream Sandwich", 
     "HoneyComb", 
     "Ginger Bread", 
     "Froyo" 
    }; 

    @Override 
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 

     /** Creating array adapter to set data in listview */ 
     ArrayAdapter<String> adapter = new ArrayAdapter<String>(getActivity().getBaseContext(), android.R.layout.simple_list_item_multiple_choice, android_versions); 

     /** Setting the array adapter to the listview */ 
     setListAdapter(adapter); 

     return super.onCreateView(inflater, container, savedInstanceState); 
    } 

    @Override 
    public void onStart() { 
     super.onStart(); 

     /** Setting the multiselect choice mode for the listview */ 
     getListView().setChoiceMode(ListView.CHOICE_MODE_MULTIPLE); 
    } 
}

AppleFragment：

package com.example.navigationtabdemo; 

import android.os.Bundle; 
import android.support.v4.app.ListFragment; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.ArrayAdapter; 
import android.widget.ListView; 

public class AppleFragment extends ListFragment{ 

    /** An array of items to display in ArrayList */ 
    String apple_versions[] = new String[]{ 
     "Mountain Lion", 
     "Lion", 
     "Snow Leopard", 
     "Leopard", 
     "Tiger", 
     "Panther", 
     "Jaguar", 
     "Puma" 
    }; 

    @Override 
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 

     /** Creating array adapter to set data in listview */ 
     ArrayAdapter<String> adapter = new ArrayAdapter<String>(getActivity().getBaseContext(), android.R.layout.simple_list_item_multiple_choice, apple_versions); 

     /** Setting the array adapter to the listview */ 
     setListAdapter(adapter); 

     return super.onCreateView(inflater, container, savedInstanceState); 
    } 

    @Override 
    public void onStart() { 
     super.onStart(); 

     /** Setting the multiselect choice mode for the listview */ 
     getListView().setChoiceMode(ListView.CHOICE_MODE_MULTIPLE); 
    } 
}

MapsFragment.java：

package com.example.navigationtabdemo; 

import android.app.Dialog; 
import android.location.Location; 
import android.os.Bundle; 
import android.support.v4.app.FragmentActivity; 
import android.view.Menu; 
import android.widget.TextView; 

import com.google.android.gms.common.ConnectionResult; 
import com.google.android.gms.common.GooglePlayServicesUtil; 
import com.google.android.gms.maps.CameraUpdateFactory; 
import com.google.android.gms.maps.GoogleMap; 
import com.google.android.gms.maps.GoogleMap.OnMyLocationChangeListener; 
import com.google.android.gms.maps.SupportMapFragment; 
import com.google.android.gms.maps.model.LatLng; 

public class MapsActivity extends FragmentActivity implements OnMyLocationChangeListener { 

GoogleMap googleMap; 

@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 

    // Getting Google Play availability status 
    int status = GooglePlayServicesUtil.isGooglePlayServicesAvailable(getBaseContext()); 

    // Showing status 
    if(status!=ConnectionResult.SUCCESS){ // Google Play Services are not available 
     int requestCode = 10; 
     Dialog dialog = GooglePlayServicesUtil.getErrorDialog(status, this, requestCode); 
     dialog.show(); 

    }else { // Google Play Services are available 

     // Getting reference to the SupportMapFragment of activity_main.xml 
     SupportMapFragment fm = (SupportMapFragment) getSupportFragmentManager().findFragmentById(R.id.map); 

     // Getting GoogleMap object from the fragment 
     googleMap = fm.getMap(); 

     // Enabling MyLocation Layer of Google Map 
     googleMap.setMyLocationEnabled(true); 

     // Setting event handler for location change 
     googleMap.setOnMyLocationChangeListener(this); 

    } 

} 

@Override 
public boolean onCreateOptionsMenu(Menu menu) { 
    // Inflate the menu; this adds items to the action bar if it is present. 
    getMenuInflater().inflate(R.menu.main, menu); 
    return true; 
} 

@Override 
public void onMyLocationChange(Location location) { 
    TextView tvLocation = (TextView) findViewById(R.id.tv_location); 

    // Getting latitude of the current location 
    double latitude = location.getLatitude(); 

    // Getting longitude of the current location 
    double longitude = location.getLongitude(); 

    // Creating a LatLng object for the current location 
    LatLng latLng = new LatLng(latitude, longitude); 

    // Showing the current location in Google Map 
    googleMap.moveCamera(CameraUpdateFactory.newLatLng(latLng)); 

    // Zoom in the Google Map 
    googleMap.animateCamera(CameraUpdateFactory.zoomTo(15)); 

    // Setting latitude and longitude in the TextView tv_location 
    tvLocation.setText("Latitude:" + latitude + ", Longitude:"+ longitude); 

} 
}

清單：

<?xml version="1.0" encoding="utf-8"?> 
<manifest xmlns:android="http://schemas.android.com/apk/res/android" 
    package="com.example.navigationtabdemo" 
    android:versionCode="1" 
    android:versionName="1.0" > 

<uses-sdk 
    android:minSdkVersion="8" 
    android:targetSdkVersion="16" /> 

<permission 
    android:name="com.example.navigationtabdemo.permission.MAPS_RECEIVE" 
    android:protectionLevel="signature"/> 

<uses-permission android:name="com.example.navigationtabdemo.permission.MAPS_RECEIVE"/> 
<uses-permission android:name="android.permission.INTERNET"/> 
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/> 
<uses-permission android:name="com.google.android.providers.gsf.permission.READ_GSERVICES"/> 
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/> 
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>  

<uses-feature 
    android:glEsVersion="0x00020000" 
    android:required="true"/>  

<application 
    android:allowBackup="true" 
    android:icon="@drawable/ic_launcher" 
    android:label="@string/app_name" 
    android:theme="@style/AppTheme" > 
    <activity 
     android:name="com.example.navigationtabdemo.MainActivity" 
     android:label="@string/app_name" > 
     <intent-filter> 
      <action android:name="android.intent.action.MAIN" /> 

      <category android:name="android.intent.category.LAUNCHER" /> 
     </intent-filter> 
    </activity> 

    <meta-data 
     android:name="com.google.android.maps.v2.API_KEY" 
     android:value="AIzaSyAw4me2T-HBcFiTocAucxdbhVxLD1u3n6g"/>   

</application>

來源

2014-02-09 Kon

過去，這是一個有點棘手做，直到MapFragment出來。您將需要用MapFragment替換您的通用片段。您還需要一個API密鑰等，就像您使用MapActivity創建地圖一樣。有關更多信息，請查看Android Google地圖開發人員指南。

從UX的角度來看，選項卡中的地圖可能不是最好的主意。如果您使用選項卡創建滑動視圖，則您將有兩個可滾動的視圖。如果你不這樣做，你只能在屏幕頂部切換按鈕。

來源

2014-02-09 18:24:58 LukaCiko

我會使用按鈕，你有點擊無論如何，我已經想出瞭如何使用它的API密鑰等地圖... 但我究竟如何利用mapfragment在標籤中呢？ – Kon

爲什麼MapsFragment.java中有一個MapsActivity？您的映射宿主應該擴展一個MapFragment而不是一個FragmentActivity。 MapFragment是Fragment的子類，FragmentActivity是Activity的子類。 – LukaCiko

我改變MapsActivity到MapsFragment但仍一些錯誤其大概easyly固定： XML：片段：機器人：layout_below = 「@ ID/tv_location」 MapsFragment.java：公共無效：TextView的tvLocation =（TextView的）findViewById（R .id.tv_location）; MainActivity：public void：MapsFragment mapsFragment =（MapsFragment）fm。findFragmentByTag（「映射」）; /**如果存在，則分離mapsfragment */ if（mapsFragment！= null） ft.detach（mapsFragment）; （R.id.realtabcontent，new MapsFragment（），「maps」）; ft.attach（mapsFragment）; – Kon

帶有地圖的Android選項卡

回答

相關問題