Android 根据设备使用的布局动态使用ListView或GridView

Android 根据设备使用的布局动态使用ListView或GridView,android,android-layout,listview,gridview,Android,Android Layout,Listview,Gridview,我正在我的应用程序中做一个活动来显示一组数据,特别是位置。将有地名,离用户的距离,以及与之配套的图像。这部分我都整理好了 我想在不同的设备上以不同的方式显示此信息。在较小的设备(如手机)上,我希望它们显示在1列列表中,图像显示在左侧,名称和距离显示在右侧。我已经使用列表视图设置了此设置 然而,在一个更大的平板电脑上,我想以网格的形式显示它,图像是整个单元格(正方形),文本在图像的顶部 最好的方法是什么。是否有两种布局,一种是ListView,另一种是GridView,Activity.java文

我正在我的应用程序中做一个活动来显示一组数据,特别是位置。将有地名,离用户的距离,以及与之配套的图像。这部分我都整理好了

我想在不同的设备上以不同的方式显示此信息。在较小的设备(如手机)上,我希望它们显示在1列列表中,图像显示在左侧,名称和距离显示在右侧。我已经使用
列表视图设置了此设置

然而,在一个更大的平板电脑上,我想以网格的形式显示它,图像是整个单元格(正方形),文本在图像的顶部


最好的方法是什么。是否有两种布局,一种是
ListView
,另一种是
GridView
,Activity.java文件将如何检测存在的布局并相应地格式化数据?或者我可以使用
GridView
并根据屏幕大小动态设置列吗?

您现在所做的是最好的方法。 对7英寸和10英寸选项卡以及rest listview执行GridView。 使用两个不同的布局文件和以下代码来检测设备是否为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
        }
public静态双getdiagonalnch(活动)
{
DisplayMetrics=新的DisplayMetrics();
WindowManager wm=(WindowManager)activity.getSystemService(
上下文。窗口(U服务);
wm.getDefaultDisplay().getMetrics(metrics);
最终int measuredwidth=metrics.widthPixels;
最终整数测量高度=metrics.heightPixels;
最终双对角线=数学sqrt((测量宽度*测量宽度)
+(测量高度*测量高度));
diaInch=对角线/度量值。密度dpi;
返回2英寸;
}
如果(英寸=6.5)
{
//小标签(7英寸标签)
}
否则,如果(2英寸>9英寸)
{
//大标签(10英寸标签)
}
其他的
{
s2、s3和s4等设备
}

ListView和GridView都是AbsListView的后代。因此,在代码中,请参考AbsListView的一个实例。然后,按照其他人的建议,使用特定的布局文件夹来定义布局。您还将在这些布局(ListView或GridView)中定义AbsListView的特定实例

如果使用所有相同的元素名称正确定义布局,则代码无需更改

编辑:我不知道你为什么要编写代码来完成SDK/OS将为你做的事情。因此,对于其他偶然发现这一点的人,我想给出一个完整的示例,说明如何做到这一点,而不必对代码进行黑客攻击:

完整的、非常基础的项目可以在我的gitHub上找到:

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;
            }
        }
}
package com.example.abslistviewexample;
导入android.app.Activity;
导入android.content.Context;
导入android.os.Bundle;
导入android.view.LayoutInflater;
导入android.view.view;
导入android.view.ViewGroup;
导入android.widget.AbsListView;
导入android.widget.ArrayAdapter;
导入android.widget.ImageView;
导入android.widget.TextView;
公共类MainActivity扩展了活动{
AbsListView AbsListView;
静态字符串[]listItems={“第一项”、“第二项”、“第三项”,
“第四项”、“第五项”、“第六项”、“第七项”,
“八项”、“第九项”、“第十项”};
@凌驾
创建时受保护的void(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
absListView=(absListView)findViewById(R.id.listView1);
setAdapter(新的MyArrayAdapter(this,R.layout.row,listItems));
}
私有类MyArrayAdapter扩展了ArrayAdapter{
公共MyArrayAdapter(上下文、int资源、,
字符串[]值){
超级(上下文、资源、价值观);
}
@凌驾
公共视图getView(int位置、视图转换视图、视图组父视图){
LayoutInflater充气器=(LayoutInflater)getContext()
.getSystemService(上下文布局\充气机\服务);
视图=充气机。充气(R.layout.row,父级,false);
TextView TextView=(TextView)view.findViewById(R.id.textView1);
ImageView=(ImageView)view.findViewById(R.id.imageView1);
setText(getItem(position));
返回视图;
}
}
}
布局/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>
<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>

布局/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>
<?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>

布局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" >

    <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>
<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="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>
<?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。在布局XML中,指定使用哪个子类


我希望这对其他人有所帮助。

如果你显示的是一个完全像图库一样的图库,我会选择grid,但由于它是一个日期集合,我认为列表将解决文件夹的难题:手机布局xlarge平板电脑布局xlarge。在文件夹和android中使用相同的布局名称(选择好的名称;)完整的示例添加到我的答案中,供您将来参考。很高兴知道我的回答是正确的:)。谢谢你的代码将非常有用。