如何绘制矩形物体的网格？

Question

我是Android的新手，我仍然在寻找合适的资源。

我的问题涉及到屏幕上绘制矩形对象网格的最佳方法。我需要在网格中显示的每个对象都有一个初始文本（或int作为文本）值，当用户触摸该对象时，文本将变为彩色形状。此外，每个对象都需要知道（或能够找到）其直接邻居的状态。

我不知道要扩展哪个类，以便能够同时显示文本和形状，并且能够处理触摸输入。

感谢您的帮助。

编辑： 我道歉，但我不知道如何更清楚。也许某些背景会有所帮助。我有一个主要的活动，它将一个int值作为输入，并创建一个Intent，将该值发送到另一个活动。然后，其他活动将显示100个随机数的网格。用户需要选择一系列网格点，并且用户选择的那些点的一定数量将从随机数变为彩色形状。更改的点由我将在代码中提供的逻辑控制。

Answer 1

SO Q与基本的android图：Custom dynamic graph in Android

Android自定义控件官方指南

https://developer.android.com/guide/topics/ui/custom-components.html

View控件上的Android参考页面，您将在

上展开

https://developer.android.com/reference/android/view/View.html

自定义View控件的真实代码示例（您对onDraw()特别感兴趣）

http://www.java2s.com/Open-Source/Android/App/ringdroid/com/ringdroid/WaveformView.java.htm

Answer 2

我知道很久以后问了这个问题，但也许会对ppl有帮助:)。

将此添加到＆＃34; attrs.xml ＆＃34; （或根据需要创建新的）

<resources>
<declare-styleable name="RectanglesGridView">
    <attr name="cellSize" format="dimension" />
    <attr name="cellColor1" format="color" />
    <attr name="cellColor2" format="color" />
</declare-styleable>

这是班级 - ＆＃34; RectanglesGridView.java ＆＃34;

package com.gilapps.movinglivewallpaper.UI.views;

import android.annotation.TargetApi;
import android.content.Context;
import android.content.res.Resources;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Build;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.view.View;

import com.gilapps.movinglivewallpaper.R;

public class RectanglesGridView extends View {
    private final static float DEFAULT_CELL_SIZE_DP = 10;
    private final static int DEFAULT_CELL_COLOR1 = Color.GRAY;
    private final static int DEFAULT_CELL_COLOR2 = Color.WHITE;
    private int mColor1 = DEFAULT_CELL_COLOR1;
    private int mColor2 = DEFAULT_CELL_COLOR2;
    private float mCellSize;
    private Paint mPaint;
    private boolean mIsColor1;
    private int mWidth;
    private int mHeight;

    public RectanglesGridView(Context context) {
        super(context);
        mCellSize = convertDpToPixel(DEFAULT_CELL_SIZE_DP);
        mPaint = new Paint();

    }

    public RectanglesGridView(Context context, AttributeSet attrs) {
        super(context, attrs);
        mPaint = new Paint();
        loadAttributes(context, attrs);


    }



    public RectanglesGridView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        mPaint = new Paint();
        loadAttributes(context, attrs);
    }


    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public RectanglesGridView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        mPaint = new Paint();
        loadAttributes(context, attrs);
    }

    private void loadAttributes(Context context, AttributeSet attrs) {
        TypedArray a = context.getTheme().obtainStyledAttributes(
                attrs,
                R.styleable.RectanglesGridView,
                0, 0);

        try {
            mCellSize = a.getDimension(R.styleable.RectanglesGridView_cellSize, convertDpToPixel(DEFAULT_CELL_SIZE_DP));
            mColor1 = a.getColor(R.styleable.RectanglesGridView_cellColor1, DEFAULT_CELL_COLOR1);
            mColor2 = a.getColor(R.styleable.RectanglesGridView_cellColor2, DEFAULT_CELL_COLOR2);

        } catch (Exception e) {
            mCellSize = convertDpToPixel(DEFAULT_CELL_SIZE_DP);
        } finally {
            a.recycle();
        }
    }

    private float convertDpToPixel(float dp){
        Resources resources = getContext().getResources();
        DisplayMetrics metrics = resources.getDisplayMetrics();
        float px = dp * ((float)metrics.densityDpi / DisplayMetrics.DENSITY_DEFAULT);
        return px;
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        mWidth = w;
        mHeight = h;
        super.onSizeChanged(w, h, oldw, oldh);


    }

    @Override
    protected void onDraw(Canvas canvas) {
        for (float r=0;r<mHeight;r+=mCellSize) {
            for (float c=0;c<mWidth;c+=mCellSize) {
                mPaint.setColor(mIsColor1 ? mColor2 : mColor1);
                mIsColor1 = !mIsColor1;
                canvas.drawRect(c,r,c+mCellSize,r+mCellSize,mPaint);
            }
            mIsColor1 = !mIsColor1;
        }


        super.onDraw(canvas);
    }
}

<强>用法：

<com.gilapps.movinglivewallpaper.UI.views.RectanglesGridView
            app:cellColor1="#33000000"
            app:cellColor2="white"
            app:cellSize="10dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

• 将xmlns:app="http://schemas.android.com/apk/res-auto"添加到根视图
• 根据需要更改包名称
• 享受！ ：）