根据地图上的标记动态填充线性布局

Question

我正在开发Android项目，我需要在其中绘制类似下图的UI。我需要将android屏幕分成两半。在上半场我需要显示谷歌地图。在下半部分，只要有人点击Google地图，我就需要显示用户信息。上半部分已完成并为我工作。

问题陈述： -

我需要dynamically不断创造在下半区部分linear layout取决于markers(users)究竟有多少在地图上。下面是我在下半部分创建了两个layouts的屏幕截图，考虑到Google地图上有two user's。但是我怎样才能使这个东西工作dynamically，假设我目前有three user's on the google maps，那么在下半部分会有三个布局自动绘制。我希望我很清楚。

Answer 1

是的，你可以做使用ListView和创建自定义适配器。将你的地图设置为listview中的标题，并使用你的列表视图行来进行数据表示。

你可以做的另一件事是创建列表视图和地图分离。将您的列表视图对齐到地图

在这里，我给你一个简单的例子，下面的代码将创建列表视图。您可能需要为您的目的创建自定义适配器。

public class my_map_activity extends Activity { 

    ArrayList<String> name = null; 
    ArrayList<String> gender = null; 
    ArrayList<String> latitude = null; 
    ArrayList<String> longitude = null; 
    Context activity_context = null; 

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

     ListView user_listview = (ListView) findViewById(R.id.user_listview); 

     name = new ArrayList<String>(); 
     gender = new ArrayList<String>(); 
     latitude = new ArrayList<String>(); 
     longitude = new ArrayList<String>(); 

     for (int i = 0; i < 10; i++) { 
      name.add ("test user " + i); 
      gender.add ("Male"); 
      latitude.add (""+ i); 
      longitude.add (""+ i); 
     } 

     custom_adapter list_adapter = new custom_adapter (this, android.R.layout.simple_list_item_1, name, gender, latitude, longitude); 
     user_listview.setAdapter(list_adapter); 
    } 
} 

这是我的main.xml文件。这将告诉你如何创建该布局。我将相对布局用作我的父布局。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/RelativeLayout1" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" > 




    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="wrap_content" 
     android:layout_height="250dp" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentTop="true" 
     android:src="@drawable/ic_launcher" /> 

    <ListView 
     android:id="@+id/user_listview" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_below="@+id/imageView1" > 
    </ListView> 

</RelativeLayout> 

这里我张贴你我可以用于你的listview目的的自定义适配器代码。

public class custom_adapter extends ArrayAdapter<String>{ 

    ArrayList<String> name = null; 
    ArrayList<String> gender = null; 
    ArrayList<String> latitude = null; 
    ArrayList<String> longitude = null; 
    Context activity_context = null; 

    public custom_adapter(Context context, 
          int resource, 
          ArrayList<String> name , 
          ArrayList<String> gender, 
          ArrayList<String> latitude, 
          ArrayList<String> longitude) { 
     super(context, resource, name); 
     this.name = name; 
     this.gender = gender; 
     this.latitude = latitude; 
     this.longitude = longitude; 
     activity_context = context; 
    } 


    static class ViewHolder 
    { 
     public TextView txt_name; 
     public TextView txt_gender; 
     public TextView txt_latitude; 
     public TextView txt_longitude; 
     public ImageView img_view; 
    } 


    @Override 
    public View getView (final int position, 
         View  convertView, 
         ViewGroup parent) 
    { 
     View rowView = convertView; 
     ViewHolder holder = null; 

     if (rowView == null) { 
      LayoutInflater inflater = (LayoutInflater)activity_context.getSystemService(
               Context.LAYOUT_INFLATER_SERVICE); 
      rowView = inflater.inflate(R.layout.row_file, null, false); 
      holder = new ViewHolder(); 
      holder.txt_name = (TextView) rowView.findViewById(R.id.textView1); 
      holder.txt_gender = (TextView) rowView.findViewById(R.id.textView2); 
      holder.txt_latitude = (TextView) rowView.findViewById(R.id.textView3); 
      holder.txt_longitude = (TextView) rowView.findViewById(R.id.textView4); 
      holder.img_view = (ImageView) rowView.findViewById(R.id.imageView1); 
      rowView.setTag(holder); 

     } else { 
      holder = (ViewHolder) rowView.getTag(); 
     } 

     if (holder != null) { 
      holder.txt_name.setText(name.get(position)); 
      holder.txt_gender.setText(gender.get(position)); 
      holder.txt_latitude.setText(latitude.get(position)); 
      holder.txt_longitude.setText(longitude.get(position)); 
     } 
     return rowView; 
    } 
} 

这是您可以在自定义适配器中充气并将其设置在listview上的布局。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/RelativeLayout1" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" > 

    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentTop="true" 
     android:src="@drawable/ic_launcher" android:layout_marginTop="10dp" android:layout_marginLeft="10dp" android:contentDescription="TODO"/> 


    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentTop="true" 
     android:layout_toRightOf="@+id/imageView1" 
     android:text="Medium Text" 
     android:textAppearance="?android:attr/textAppearanceMedium" /> 


    <TextView 
     android:id="@+id/textView2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_below="@+id/textView1" 
     android:layout_toRightOf="@+id/imageView1" 
     android:text="Medium Text" 
     android:textAppearance="?android:attr/textAppearanceMedium" /> 


    <TextView 
     android:id="@+id/textView3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignLeft="@+id/textView2" 
     android:layout_alignParentRight="true" 
     android:layout_below="@+id/textView2" 
     android:text="Medium Text" 
     android:textAppearance="?android:attr/textAppearanceMedium" /> 


    <TextView 
     android:id="@+id/textView4" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignLeft="@+id/textView3" 
     android:layout_alignParentRight="true" 
     android:layout_below="@+id/textView3" 
     android:text="Medium Text" 
     android:textAppearance="?android:attr/textAppearanceMedium" /> 

</RelativeLayout> 

所以我给你所有四个文件。在这里，我正在解释每个文件会做什么。

1. my_map_activity：这是包含listivew和map两者的主要活动。我正在使用一个很大的imageview。你可以放置你的地图，而不是那个imageview。

2. main.xml：这是包含listview和map的布局文件。

3. custom_adapter：这是我为您创建的自定义适配器。我正在扩展阵列适配器。在这里，我正在从arraylist中获取数据并对行布局进行充气，并且我正在设置相应的值。

4. row_layout：这是将包含用户，名称，性别和所有其他事物的imageview的行布局。

所以我创造了几件事情你，如果你需要任何帮助，那么你可以问，并试图让每一个文件，我非常使用的概念。