从图库视图中选择多个图像

Question

我想创建一个图库视图，我想在其中使用橙色矩形框选择多个图像。

它应该类似于以下内容：

屏幕看起来像http://i.imgur.com/qAO0Q.jpg

Answer 1

您的设计中的问题：

通过拖动两侧的拇指来进行选择将是一个额外的麻烦。首先，在进行选择时处理滚动。其次，处理触摸/拖动并决定是否在选择中包含项目。

设计更改：

让我建议一种更简单的方法来扩展您的选择矩形：

我假设选择以长按任何项目开始。橙色选择矩形出现在此初始项目上。然后，点击任何相邻项目时，应该包括放置在点击和初始项目之间的所有项目，包括点击的项目。这将使选择处理变得更加简单，减少错误。

的实现：

现在这个设计不应该太难实现。扩展Gallery小部件并让成员指示选择是否正在进行以及选择范围是什么（startIndex和endIndex）。 覆盖onDraw方法并将选择矩形从startIndex绘制到endIndex个项目。

Answer 2

然后，您可以为GalleryView定义自定义适配器，使用ImageView和CheckBox定义行XML布局文件，并在自定义适配器类中扩展此XML布局。仅供参考，您将通过扩展BaseAdapter类来定义自定义适配器类。

选中此示例：Android custom image gallery with checkbox in grid to select multiple

Answer 3

你能做什么：

• 为幻灯片中的所有图片提供ID
• 使用javascript设置
• onclick图像事件在onclick事件上启用边框

添加到img标签

<IMG id=”1” namespace=”clicked” onclick="TriggerEvent(this)"></IMG>

创建脚本触发器事件，更改所选id的命名空间。

包含css以启用边框：

.clicked{
border-style:solid;
border-width:3px;}