android - Androidアプリでこれを作成するにはどうすればよいですか?

Question

Android アプリでこれを再作成しようとしていますが、どこから始めればよいかわかりません。アイコンをクリックして別の画面に移動できるようにしたい。GridLayout はこれを行いますか?

チュートリアルに従いましたが、別の画面につながらない画像しか扱っていませんでした。

Answer 1

こんにちは、グリッド レイアウトが可能です。このリンクで同じものを確認できます。

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

これ以外に、線形レイアウトにボタンを配置して、次のタスクを実行できます。

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

Answer 2

あなたが望むのは、DashBoard. ダッシュボードでは、メイン画面で選択できる一連の選択肢をユーザーに提供できます。

これをチェックしてください...それはきっとあなたを助けるでしょう

Answer 3

Gridviewを使用すると簡単に実行できます.gridviewリスナーメソッドItemClickを使用して別の画面を呼び出すことができます

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

      //call Intent based on position

  }

});

これを見る

Answer 4

視覚的には、この構造を GridLayout で使用できます。はい。

アイコンをクリック可能にしたい場合setOnItemClickListener()は、GridLayout の各要素を実行する必要があります。BaseAdapterこれを行うには、 を拡張してに設定する Adapter を作成するとよいでしょうGridLayout。

このチュートリアルは、あなたが望むことを行うためのIMOについて非常によく説明されています: http://www.androidhive.info/2012/02/android-gridview-layout-tutorial/

Answer 5

レイアウトで 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>

Answer 6

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. ムキョン