java - マップ上のマーカーに応じて線形レイアウトを動的に入力します

Question

私は、以下のようなUIを描画する必要があるAndroidプロジェクトに取り組んでいます。Androidの画面を半分に分割する必要があります。上半分では、グーグルマップを表示する必要があります。下半分では、誰かがGoogleマップをクリックするとすぐに、ユーザー情報を表示する必要があります。上半分の部分が完了し、それが私のために機能しています。

問題文：-

マップ上にいくつあるかに応じて、下半分の部分dynamicallyを作成し続ける必要があります。以下は、グーグルマップにあることを考慮して、下半分に2つ作成したスクリーンショットです。しかし、どうすればこれを機能させることができますか？現在持っている場合、下半分のパート3のレイアウトが自動的にプロットされます。私は十分に明確であることを望みます。linear layoutmarkers(users)layoutstwo user'sdynamicallythree user's on the google maps

ここに画像の説明を入力してください

score 0 · Accepted Answer

はい、リストビューを使用してカスタムアダプターを作成できます。マップをリストビューのヘッダーとして設定し、リストビューの行をデータ表現に使用します。

他にできることは、リストビューとマップを別々に作成することです。すぐ下のリストビューを地図に合わせます

ここでは、以下のコードでリストビューを作成する簡単な例を示します。必要に応じて、目的に合わせてカスタムアダプターを作成しました。

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>

ここに、リストビューの目的で使用できるカスタムアダプターコードを投稿します。

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

カスタムアダプターで膨らませてリストビューに設定できるレイアウトは次のとおりです。

<?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>

だから私はあなたに4つのファイルすべてを与えました。ここでは、すべてのファイルが何をするかを説明しています。

my_map_activity : これは listivew と map の両方を含むメインアクティビティです。大きなイメージビューを使用しています。そのイメージビューの代わりに、マップを配置できます。
main.xml : これは、リストビューとマップの両方を含むレイアウトファイルです。
custom_adapter : これは、私が作成したカスタムアダプターです。アレイアダプターを拡張しています。これで、arraylist からデータを取得し、行レイアウトを膨らませ、それぞれの値を設定しています。
row_layout : これは、ユーザー、名前、性別、その他すべての画像ビューを含む行レイアウトです。

ですから、助けが必要な場合は、いくつかのものを作成しました。次に、私がどのように使用しているかについて、各ファイルの概念を尋ねて取得してみてください。

java - マップ上のマーカーに応じて線形レイアウトを動的に入力します

1 に答える 1

Related

Reference