Add partial row in imageDropdown to indicate scrolling (#1052)

This commit is contained in:
Guillaume Jenkins 2018-08-07 17:55:42 -04:00 committed by GitHub
parent 68361499a2
commit 3a2eb69483
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -182,6 +182,7 @@ namespace basic {
//% icon.fieldEditor="imagedropdown" //% icon.fieldEditor="imagedropdown"
//% icon.fieldOptions.columns="5" //% icon.fieldOptions.columns="5"
//% icon.fieldOptions.width="380" //% icon.fieldOptions.width="380"
//% icon.fieldOptions.maxRows=4
export function showIcon(icon: IconNames, interval = 600) { export function showIcon(icon: IconNames, interval = 600) {
let res = images.iconImage(icon) let res = images.iconImage(icon)
res.showImage(0, interval) res.showImage(0, interval)
@ -213,49 +214,49 @@ namespace images {
export function arrowImage(i: ArrowNames): Image { export function arrowImage(i: ArrowNames): Image {
switch (i) { switch (i) {
// compass directions // compass directions
case ArrowNames.North: return images.createImage(` case ArrowNames.North: return images.createImage(`
. . # . . . . # . .
. # # # . . # # # .
# . # . # # . # . #
. . # . . . . # . .
. . # . .`); . . # . .`);
case ArrowNames.NorthEast: return images.createImage(` case ArrowNames.NorthEast: return images.createImage(`
. . # # # . . # # #
. . . # # . . . # #
. . # . # . . # . #
. # . . . . # . . .
# . . . .`); # . . . .`);
case ArrowNames.East: return images.createImage(` case ArrowNames.East: return images.createImage(`
. . # . . . . # . .
. . . # . . . . # .
# # # # # # # # # #
. . . # . . . . # .
. . # . .`); . . # . .`);
case ArrowNames.SouthEast: return images.createImage(` case ArrowNames.SouthEast: return images.createImage(`
# . . . . # . . . .
. # . . . . # . . .
. . # . # . . # . #
. . . # # . . . # #
. . # # #`); . . # # #`);
case ArrowNames.South: return images.createImage(` case ArrowNames.South: return images.createImage(`
. . # . . . . # . .
. . # . . . . # . .
# . # . # # . # . #
. # # # . . # # # .
. . # . .`); . . # . .`);
case ArrowNames.SouthWest: return images.createImage(` case ArrowNames.SouthWest: return images.createImage(`
. . . . # . . . . #
. . . # . . . . # .
# . # . . # . # . .
# # . . . # # . . .
# # # . .`); # # # . .`);
case ArrowNames.West: return images.createImage(` case ArrowNames.West: return images.createImage(`
. . # . . . . # . .
. # . . . . # . . .
# # # # # # # # # #
. # . . . . # . . .
. . # . .`); . . # . .`);
case ArrowNames.NorthWest: return images.createImage(` case ArrowNames.NorthWest: return images.createImage(`
# # # . . # # # . .
# # . . . # # . . .
# . # . . # . # . .
@ -275,7 +276,9 @@ namespace images {
//% help=images/icon-image //% help=images/icon-image
//% blockId=builtin_image block="icon image %i" //% blockId=builtin_image block="icon image %i"
//% i.fieldEditor="imagedropdown" //% i.fieldEditor="imagedropdown"
//% i.fieldOptions.width="400" i.fieldOptions.columns="5" //% i.fieldOptions.columns="5"
//% i.fieldOptions.width="380"
//% i.fieldOptions.maxRows=4
export function iconImage(i: IconNames): Image { export function iconImage(i: IconNames): Image {
switch (i) { switch (i) {
case IconNames.Heart: return images.createImage(` case IconNames.Heart: return images.createImage(`