Использование ListView или GridView динамически на основе макета, используемого устройством

Я делаю активность в своем приложении, чтобы отображать кучу данных, в частности, места. Будет имя места, расстояние от пользователя и изображение, чтобы пойти с ним. Вся эта часть меня отсортировала.

Я хочу отображать эту информацию по-разному на разных устройствах. На меньшем устройстве, например. phone Я хочу, чтобы они отображались в списке из 1 столбца, слева, а также имени и расстоянии справа. Я уже установил эту настройку с помощью ListView.

Однако на более крупном планшете я хотел бы отображать его в сетке, причем изображение представляет собой целую ячейку (квадрат) и текст поверх изображения.

Какой был бы лучший подход к этому. Будет ли это 2 макета, один ListView и один GridView, и как файл Activity.java обнаружит, что присутствует и форматирует данные? Или я могу просто использовать GridView и динамически устанавливать столбцы в зависимости от размера экрана?

ОТВЕТЫ

Ответ 1

ListView и GridView являются потомками AbsListView. Итак, в вашем коде, обратитесь к экземпляру AbsListView. Затем, как и кто-то другой, используйте конкретные папки макета для определения макетов. Вы также определите конкретный экземпляр AbsListView в этих макетах (ListView или GridView).

Если вы правильно определяете макеты со всеми одинаковыми именами элементов, ваш код не нужно будет изменять.

EDIT: я не уверен, почему вы когда-либо писали код, чтобы сделать что-то, что SDK/OS сделает для вас. Итак, для других, которые спотыкаются на это, я хотел дать полный пример того, как это сделать, не вставляя взломать ваш код:

Полный, очень простой проект можно найти на моем gitHub здесь: https://github.com/sberg413/abslistview-example

MainActivity.java:

package com.example.abslistviewexample;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;    

public class MainActivity extends Activity {

        AbsListView absListView;

        static String[] listItems = { "First Item", "Second Item", "Third Item",
                "Fourth Item", "Fifth Item", "Sixth Item", "Seventh Item",
                "Eight Item", "Ninth Item", "Tenth Item" };

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

            absListView = (AbsListView) findViewById(R.id.listView1);

            absListView.setAdapter( new MyArrayAdapter(this, R.layout.row, listItems));
        }


        private class MyArrayAdapter extends ArrayAdapter<String>{

            public MyArrayAdapter(Context context, int resource,
                    String[] values) {
                super(context, resource, values);   
            }

            @Override
            public View getView(int position, View convertView, ViewGroup parent) {
                LayoutInflater inflater = (LayoutInflater) getContext()
                        .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
                View view = inflater.inflate(R.layout.row, parent, false);
                TextView textView = (TextView) view.findViewById(R.id.textView1);
                ImageView imageView = (ImageView) view.findViewById(R.id.imageView1);

                textView.setText( getItem(position));

                return view;
            }
        }
}

Макет/activity_main.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" >

    </ListView>
</RelativeLayout>

Макет/row.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

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

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/imageView1"
        android:layout_marginLeft="50dp"
        android:layout_toRightOf="@+id/imageView1"
        android:text="TextView" />
</RelativeLayout>

Макет-xlarge/activity_main.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <GridView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:numColumns="3" >

    </GridView>
</RelativeLayout>

Макет-xlarge/row.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

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

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="20dp"
        android:text="TextView" />
</RelativeLayout>

Это, очевидно, очень тривиальный пример, но вы получите эту идею. Обратите внимание, как MainActivity использует AbsListView. В макете xmls вы указываете, какой дочерний класс используется.

Я надеюсь, что это поможет кому-то.

Ответ 2

То, что вы делаете, является идеальным способом. Сделайте GridView для вкладок 7 дюймов и 10 дюймов и для просмотра списка отдыха. Используйте два разных файла макета и ниже кода, чтобы обнаружить устройство, если 7-дюймовый планшет или 10-дюймовый планшет или другой.

public static Double getDiagonalInch(Activity activity)

{

    DisplayMetrics metrics = new DisplayMetrics();

    WindowManager wm = (WindowManager) activity.getSystemService(
            Context.WINDOW_SERVICE);
    wm.getDefaultDisplay().getMetrics(metrics);
      final int measuredwidth = metrics.widthPixels;
      final int measuredheight = metrics.heightPixels;

      final double diagonal = Math.sqrt((measuredwidth * measuredwidth)
        + (measuredheight * measuredheight));


      diaInch = diagonal / metrics.densityDpi;

    return diaInch;

}
if(diaInch<9 && diaInch>=6.5)
        {
            // small tab (7 inch tab)
        }
        else if(diaInch>9)
        {
            // big tab (10 inch tab)
        }
        else
        {
            s2,s3 s4 etc devices
        }