在Android中创建基本的颜色选择器工具

在Android开发中，我们经常需要使用到颜色选择器，为了方便快速地选择颜色，我们可以创建一个基本的颜色选择器工具。本文将介绍如何在Android中创建一个基本的颜色选择器工具。

步骤一：创建ColorPicker布局

我们先创建一个ColorPicker布局，该布局包含一个GridView和一个TextView。GridView中包含所有可选颜色，TextView用于显示当前选择的颜色。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <TextView
        android:id="@+id/color_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/white"
        android:padding="16dp"
        android:textColor="@android:color/black"
        android:textSize="16sp" />

    <GridView
        android:id="@+id/color_grid"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:numColumns="auto_fit"
        android:verticalSpacing="8dp"
        android:horizontalSpacing="8dp"
        android:padding="8dp" />

</LinearLayout>

步骤二：创建ColorPickerAdapter

接着，我们创建一个ColorPickerAdapter来填充GridView。ColorPickerAdapter继承自BaseAdapter，实现了getView方法，通过getView方法来设置每个颜色单元格的背景色。

public class ColorPickerAdapter extends BaseAdapter {

    private Context mContext;
    private List<Integer> mColors;

    public ColorPickerAdapter(Context context, List<Integer> colors) {
        this.mContext = context;
        this.mColors = colors;
    }

    @Override
    public int getCount() {
        return mColors.size();
    }

    @Override
    public Object getItem(int i) {
        return mColors.get(i);
    }

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

    @Override
    public View getView(int i, View convertView, ViewGroup parent) {
        View view;
        if (convertView == null) {
            view = LayoutInflater.from(mContext).inflate(R.layout.color_picker_item, parent, false);
        } else {
            view = convertView;
        }

        view.setBackgroundColor(mColors.get(i));

        return view;
    }
}

步骤三：在Activity中使用ColorPicker

最后，我们在Activity中使用我们创建的ColorPicker。

public class ColorPickerActivity extends AppCompatActivity {

    private TextView mColorText;
    private GridView mColorGrid;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_color_picker);
        
        // 获取ColorPicker布局中的控件对象
        mColorText = findViewById(R.id.color_text);
        mColorGrid = findViewById(R.id.color_grid);

        // 初始化颜色列表
        List<Integer> colors = new ArrayList<>();
        colors.add(Color.WHITE);
        colors.add(Color.BLACK);
        colors.add(Color.RED);
        colors.add(Color.BLUE);
        colors.add(Color.GREEN);
        colors.add(Color.YELLOW);

        // 设置颜色列表到GridView中
        ColorPickerAdapter adapter = new ColorPickerAdapter(this, colors);
        mColorGrid.setAdapter(adapter);

        // 设置GridView中每个颜色单元格的点击事件
        mColorGrid.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                int color = (int) adapterView.getAdapter().getItem(i);
                mColorText.setBackgroundColor(color);
            }
        });
    }
}

这样我们就完成了一个基本的颜色选择器工具，用户可以从颜色列表中选择一种颜色，系统将更新TextView的背景色为所选颜色。