具有图形表示的Android自定义输入组件？

Question

我正在网上寻找代码来制作我需要的自定义输入组件，但没有偶然发现类似的东西。这是我希望它的工作方式：

• 目的是输入数量（一个数字）
• 数量将通过两个按钮（+ & -）进行更改
• 应该有一个按钮来接受输入

这里是棘手的部分 - 输入的图形表示：

我想要两张图片以下列方式代表当前选择的数量：

q = 0： 两张图片都变暗了

q = 1： 第一张图片的左上四分之一是亮的（正常），其余部分是暗的

q = 2： 第一张图片上半部分亮（正常），其余部分变暗

q = 3： 第一张图片的上半部分+左下四分之一是亮的（正常），其余部分是暗的

q = 4： 第一张是亮的，第二张是暗的

q = 5： 第一张图亮，第二张图左上四分之一亮

。 . .

q = 8： 两张照片都很亮。

我希望我已经以易于理解的方式解释了这一点。

问题是： 我是否必须为每张图片制作 5 个实例（变暗、明亮的左上四分之一、明亮的上半部分、明亮的上半部分 + 左下四分之一、明亮）或 是否有可能只有一个实例每张图片（明亮）和调暗部分（根据需要）使用代码？

当然，如果有任何帮助或代码块的链接，我将不胜感激。

Answer 1

我认为您应该能够仅使用 2 张图像来处理所有条件。但是使用线性布局、框架布局和图像视图的组合。像这样的东西代表一个图像。

FrameLayout
    Imageview
    LinearLayout (Divided to 4 cells using the weight property)

您可以更改线性布局的 bg 颜色的 alpha 值以获得变暗效果。

这也可以使用图像的不同切片并更改图像视图的 alpha 值来完成。你需要找到更适合你的东西。找到任何代码示例并不容易，因为这不是应用程序中常见的 UI。