我如何在Android应用程序中创建它?

时间:2013-10-21 09:04:40

标签: android mobile gridview

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

我正在尝试在Android应用中重新创建它,但我不知道从哪里开始。 我希望图标可以点击并导致不同的屏幕。 GridLayout会这样做吗?

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

7 个答案:

答案 0 :(得分:0)

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

检查this ... 它一定会帮到你

答案 1 :(得分:0)

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

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

      //call Intent based on position

  }

});

请参阅this

答案 2 :(得分:0)

在视觉上,你可以使用GridLayout建立这个结构,是的。

如果您希望自己的图标可以点击,则必须对GridLayout的每个元素执行setOnItemClickListener()。要做到这一点,最好创建一个扩展BaseAdapter并将其设置为GridLayout的适配器。

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

答案 3 :(得分:0)

嗨是网格布局是可以的,您可以查看此链接:

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

除此之外,您可以在线性布局上使用按钮并执行以下任务:

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

答案 4 :(得分: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>

答案 5 :(得分: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。 ImageAdapter

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. AndroidHive

  2. Mkyong

答案 6 :(得分: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>