1

http://i.imgur.com/Zt5ftxe.png

我正在尝试在 android 应用程序中重新创建它，但我不知道从哪里开始。我希望图标可点击并引导至不同的屏幕。GridLayout 会这样做吗？

我遵循了一个教程，但它只处理不会导致单独屏幕的图像。

4

7 回答 7

0

您可以GridView按如下方式使用：

1.grid_layout.xml

<?xml version="1.0" encoding="utf-8"?>
    <GridView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/grid_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:numColumns="auto_fit"
        android:columnWidth="90dp"
        android:horizontalSpacing="10dp"
        android:verticalSpacing="10dp"
        android:gravity="center"
        android:stretchMode="columnWidth" >  

    </GridView>

2.图像适配器

public class ImageAdapter extends BaseAdapter {
    private Context mContext;

    // Keep all Images in array
    public Integer[] mThumbIds = {
            R.drawable.pic_1, R.drawable.pic_2,
            R.drawable.pic_3, R.drawable.pic_4,
            R.drawable.pic_5, R.drawable.pic_6            
    };

    // Constructor
    public ImageAdapter(Context c){
        mContext = c;
    }

    @Override
    public int getCount() {
        return mThumbIds.length;
    }

    @Override
    public Object getItem(int position) {
        return mThumbIds[position];
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ImageView imageView = new ImageView(mContext);
        imageView.setImageResource(mThumbIds[position]);
        imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
        imageView.setLayoutParams(new GridView.LayoutParams(70, 70));
        return imageView;
    }

}

3.AndroidGridLayoutActivity

public class AndroidGridLayoutActivity extends Activity {

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

        GridView gridView = (GridView) findViewById(R.id.grid_view);

        // Instance of ImageAdapter Class
        gridView.setAdapter(new ImageAdapter(this));
        gridview.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        public void onItemClick(AdapterView<?> parent, View v, int position, long id){
        Toast.makeText(AndroidGridLayoutActivity.this, "" + position,Toast.LENGTH_SHORT).show();
        }
        });
    }
}

以下是优秀GridView教程的链接：

  1. 安卓蜂巢

  2. 麦景

于 2013-10-21T09:17:19.233 回答
0

你想要的是更像一个DashBoard. 在仪表板中，您可以在主屏幕中为用户提供一系列选择。

看看这个......它肯定会帮助你

于 2013-10-21T09:10:46.000 回答
0

只需在布局中使用 6 个图像并为它们设置点击侦听器

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/resultLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/id1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/ic_launcher" />

        <ImageView
            android:id="@+id/id1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/ic_launcher" />

        <ImageView
            android:id="@+id/id1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/ic_launcher" />
    </LinearLayout>
<LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/id1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/ic_launcher" />

        <ImageView
            android:id="@+id/id1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/ic_launcher" />

        <ImageView
            android:id="@+id/id1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/ic_launcher" />
    </LinearLayout>
</LinearLayout>
于 2013-10-21T09:24:02.347 回答
0

使用 Gridview 可以轻松完成。您可以使用 gridview 列表器方法 ItemClick 实现调用单独的屏幕

gridView.setOnItemClickListener(new OnItemClickListener()
 {
  public void onItemClick(AdapterView<?> parent, View v,
                int position, long id)
 {

      //call Intent based on position

  }

});

看到这个

于 2013-10-21T09:11:15.773 回答
0

从视觉上看，您可以使用 GridLayout 来拥有这种结构，是的。

如果您希望您的图标是可点击的，您必须对setOnItemClickListener()GridLayout 的每个元素执行 a。为此，最好创建一个扩展 的适配器并将其BaseAdapter设置为您的GridLayout.

本教程很好地解释了 IMO 做你想做的事：http ://www.androidhive.info/2012/02/android-gridview-layout-tutorial/

于 2013-10-21T09:11:33.877 回答
0

嗨，是的，网格布局是可能的，您可以检查此链接是否相同：

http://developer.android.com/guide/topics/ui/layout/gridview.html

除此之外，您可以简单地在线性布局上放置按钮并执行以下任务：

http://www.mkyong.com/android/android-button-example/

于 2013-10-21T09:13:55.077 回答
0

尝试这个

GridView oGridView = (GridView)findViewById(R.id.services_gv);
oGridView.setOnItemClickListener(new OnItemClickListener()
    {

        @Override
        public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                long arg3)
        {
            // TODO Auto-generated method stub
            Intent oIntent = new Intent(YourcurrentActivity.this, NewActivityName.class);
            startActivity(oIntent);



        }
    });

在 android 清单中

<activity
        android:name="NewActivityName"
         >
    </activity>
于 2013-10-21T09:14:42.800 回答