using icons on drop downs

legoresources/SVGassets/Touch sensor.svg

@@ -14,7 +14,10 @@
    sodipodi:docname="Touch sensor.svg"
    width="36.101002"
    height="36.101002"
-   inkscape:version="0.92.1 r15371">
+   inkscape:version="0.92.1 r15371"
+   inkscape:export-filename="C:\gh\pxt-ev3\libs\core\jres\icons\touchSensor-icon.png"
+   inkscape:export-xdpi="319.10471"
+   inkscape:export-ydpi="319.10471">
   <metadata
      id="metadata4576">
     <rdf:RDF>
@@ -36,8 +39,8 @@
      guidetolerance="10"
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
-     inkscape:window-width="1920"
+     inkscape:window-width="1600"
-     inkscape:window-height="1137"
+     inkscape:window-height="837"
      id="namedview4574"
      showgrid="false"
      inkscape:zoom="7.0722208"

legoresources/SVGassets/icn_port.svg

@@ -1,6 +1,58 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="1447.52 6142.536 49.96 58.928">
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-  <defs>
+<svg
-    <style>
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="1447.52 6142.536 58.928002 58.928"
+   version="1.1"
+   id="svg6348"
+   sodipodi:docname="icn_port.svg"
+   width="58.928001"
+   height="58.928001"
+   inkscape:export-filename="C:\gh\pxt-ev3\libs\core\jres\icons\portB.png"
+   inkscape:export-xdpi="156.39424"
+   inkscape:export-ydpi="156.39424"
+   inkscape:version="0.92.1 r15371">
+  <metadata
+     id="metadata6352">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1600"
+     inkscape:window-height="837"
+     id="namedview6350"
+     showgrid="false"
+     inkscape:zoom="4.0048872"
+     inkscape:cx="24.98"
+     inkscape:cy="29.464001"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6348" />
+  <defs
+     id="defs6343">
+    <style
+       id="style6341">
       .cls-1 {
         fill: #eaeaea;
       }
@@ -10,8 +62,28 @@
       }
     </style>
   </defs>
-  <g id="icn_port" transform="translate(1447.52 6142.536)">
+  <path
-    <path id="Path_8" data-name="Path 8" class="cls-1" d="M0-143.939H49.96v58.928H0Z" transform="translate(0 143.939)"/>
+     style="fill:#eaeaea;stroke-width:1.08854139"
-    <path id="Path_9" data-name="Path 9" class="cls-2" d="M0-63.321V-91.143H17.114v-6.912H21.83v-9.159H34.753V-98.4h5.064v35.08H31.784v7.43h-2.62V-63.4H27.179v7.507H24.973V-63.4h-2.16v7.507h-2.1V-63.4H18.861v7.507h-2.1V-63.4H14.942v7.507H12.478V-63.4H10.8v7.507H8.282V-63.35Z" transform="translate(5.253 109.807)"/>
+     inkscape:connector-curvature="0"
-  </g>
+     d="m 1447.5095,6142.536 h 59.1987 v 58.928 h -59.1987 z"
+     class="cls-1"
+     data-name="Path 8"
+     id="Path_8" />
+  <path
+     style="fill:#a8a9a8"
+     inkscape:connector-curvature="0"
+     d="M 1457.257,6189.022 V 6161.2 h 17.114 v -6.912 h 4.716 v -9.159 h 12.923 v 8.814 h 5.064 v 35.08 h -8.033 v 7.43 h -2.62 v -7.51 h -1.985 v 7.507 h -2.206 v -7.507 h -2.16 v 7.507 h -2.1 v -7.507 h -1.852 v 7.507 h -2.1 v -7.507 h -1.819 v 7.507 h -2.464 v -7.507 h -1.678 v 7.507 h -2.518 v -7.457 z"
+     class="cls-2"
+     data-name="Path 9"
+     id="Path_9" />
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:1.25;font-family:consolas;-inkscape-font-specification:consolas;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
+     x="1475.2291"
+     y="6185.2339"
+     id="text10060"><tspan
+       sodipodi:role="line"
+       id="tspan10058"
+       x="1475.2291"
+       y="6185.2339">B</tspan></text>
 </svg>

libs/color-sensor/_locales/color-sensor-strings.json

@@ -13,8 +13,8 @@
   "LightCondition.Dark|block": "dark",
   "LightIntensityMode.Ambient|block": "ambient light",
   "LightIntensityMode.Reflected|block": "reflected light",
-  "sensors.ColorSensor.color|block": "`icons.colorSensor` %color| color",
+  "sensors.ColorSensor.color|block": "`icons.colorSensor` %sensor| color",
-  "sensors.ColorSensor.light|block": "`icons.colorSensor` %color|%mode",
+  "sensors.ColorSensor.light|block": "`icons.colorSensor` %sensor|%mode",
   "sensors.ColorSensor.onColorDetected|block": "on `icons.colorSensor` %sensor|detected color %color",
   "sensors.ColorSensor.onLightChanged|block": "on `icons.colorSensor` %sensor|%mode|%condition",
   "sensors.color1|block": "1",

libs/color-sensor/color.ts

@@ -100,6 +100,8 @@ namespace sensors {
         //% block="on `icons.colorSensor` %sensor|detected color %color"
         //% blockId=colorOnColorDetected
         //% parts="colorsensor"
+        //% sensor.fieldEditor="imagedropdown"
+        //% sensor.fieldOptions.columns=4
         //% blockNamespace=sensors
         //% weight=100 blockGap=8
         //% group="Color Sensor"
@@ -113,12 +115,14 @@ namespace sensors {
 
         /**
          * Get the current color from the color sensor.
-         * @param color the color sensor to query the request
+         * @param sensor the color sensor to query the request
          */
         //% help=sensors/color-sensor/color
-        //% block="`icons.colorSensor` %color| color"
+        //% block="`icons.colorSensor` %sensor| color"
         //% blockId=colorGetColor
         //% parts="colorsensor"
+        //% sensor.fieldEditor="imagedropdown"
+        //% sensor.fieldOptions.columns=4
         //% blockNamespace=sensors
         //% weight=99
         //% group="Color Sensor"
@@ -136,6 +140,8 @@ namespace sensors {
         //% block="on `icons.colorSensor` %sensor|%mode|%condition"
         //% blockId=colorOnLightChanged
         //% parts="colorsensor"
+        //% sensor.fieldEditor="imagedropdown"
+        //% sensor.fieldOptions.columns=4
         //% blockNamespace=sensors
         //% weight=89 blockGap=8
         //% group="Color Sensor"
@@ -146,12 +152,14 @@ namespace sensors {
 
         /**
          * Measures the ambient or reflected light value from 0 (darkest) to 100 (brightest).
-         * @param color the color sensor port
+         * @param sensor the color sensor port
          */
         //% help=sensors/color-sensor/light
-        //% block="`icons.colorSensor` %color|%mode"
+        //% block="`icons.colorSensor` %sensor|%mode"
         //% blockId=colorLight
         //% parts="colorsensor"
+        //% sensor.fieldEditor="imagedropdown"
+        //% sensor.fieldOptions.columns=4
         //% blockNamespace=sensors
         //% weight=88
         //% group="Color Sensor"
@@ -171,15 +179,15 @@ namespace sensors {
         }
     }
 
-    //% whenUsed block="1" weight=95 fixedInstance
+    //% whenUsed block="1" weight=95 fixedInstance jres=icons.port1
     export const color1: ColorSensor = new ColorSensor(1)
     
-    //% whenUsed block="3" weight=90 fixedInstance
+    //% whenUsed block="3" weight=90 fixedInstance jres=icons.port3
     export const color3: ColorSensor = new ColorSensor(3)
     
-    //% whenUsed block="2" weight=90 fixedInstance
+    //% whenUsed block="2" weight=90 fixedInstance jres=icons.port2
     export const color2: ColorSensor = new ColorSensor(2)
 
-    //% whenUsed block="4" weight=90 fixedInstance
+    //% whenUsed block="4" weight=90 fixedInstance jres=icons.port4
     export const color4: ColorSensor = new ColorSensor(4)
 }

libs/core/screen.ts

@@ -154,7 +154,7 @@ namespace brick {
     //% blockId=scren_image_picker block="%image" shim=TD_ID
     //% image.fieldEditor="imagedropdown"
     //% image.fieldOptions.columns=6
-    //% block.fieldOptions.hasSearchBar=true
+    //% image.fieldOptions.hasSearchBar=true
     //% group="Screen" weight=0 blockHidden=1
     export function _imagePicker(image: Image): Image {
         return image;

libs/gyro-sensor/gyro.ts

@@ -27,6 +27,8 @@ namespace sensors {
         //% block="`icons.gyroSensor` %sensor|angle"
         //% blockId=gyroGetAngle
         //% parts="gyroscope"
+        //% sensor.fieldEditor="imagedropdown"
+        //% sensor.fieldOptions.columns=4
         //% blockNamespace=sensors
         //% weight=65 blockGap=8
         //% group="Gyro Sensor"
@@ -43,6 +45,8 @@ namespace sensors {
         //% block="`icons.gyroSensor` %sensor|rotation rate"
         //% blockId=gyroGetRate
         //% parts="gyroscope"
+        //% sensor.fieldEditor="imagedropdown"
+        //% sensor.fieldOptions.columns=4
         //% blockNamespace=sensors
         //% weight=65 blockGap=8        
         //% group="Gyro Sensor"
@@ -51,16 +55,16 @@ namespace sensors {
             return this.getNumber(NumberFormat.Int16LE, 0)
         }
     }
-    
+
-    //% fixedInstance whenUsed block="1"
+    //% fixedInstance whenUsed block="1" jres=icons.port1
     export const gyro1: GyroSensor = new GyroSensor(1)
 
-    //% fixedInstance whenUsed block="2" weight=95
+    //% fixedInstance whenUsed block="2" weight=95 jres=icons.port2
     export const gyro2: GyroSensor = new GyroSensor(2)
-    
+
-    //% fixedInstance whenUsed block="3"
+    //% fixedInstance whenUsed block="3" jres=icons.port3
     export const gyro3: GyroSensor = new GyroSensor(3)
 
-    //% fixedInstance whenUsed block="4"
+    //% fixedInstance whenUsed block="4" jres=icons.port4
     export const gyro4: GyroSensor = new GyroSensor(4)
 }

libs/infrared-sensor/_locales/infrared-sensor-strings.json

@@ -2,8 +2,8 @@
   "InfraredSensorEvent.ObjectDetected|block": "object detected",
   "InfraredSensorEvent.ObjectNear|block": "object near",
   "sensors.InfraredSensor.onEvent|block": "on `icons.infraredSensor` %sensor|%event",
-  "sensors.InfraredSensor.proximity|block": "`icons.infraredSensor` %infrared|proximity",
+  "sensors.InfraredSensor.proximity|block": "`icons.infraredSensor` %sensor|proximity",
-  "sensors.InfraredSensor.remoteCommand|block": "`icons.infraredSensor` %infrared|remote command",
+  "sensors.InfraredSensor.remoteCommand|block": "`icons.infraredSensor` %sensor|remote command",
   "sensors.InfraredSensor.waitUntil|block": "wait until `icons.infraredSensor` %sensor| %event",
   "sensors.RemoteInfraredBeaconButton.isPressed|block": "`icons.infraredSensor` %button|is pressed",
   "sensors.RemoteInfraredBeaconButton.onEvent|block": "on `icons.infraredSensor` %button|%event",

libs/infrared-sensor/ir.ts

@@ -192,6 +192,8 @@ namespace sensors {
         //% block="on `icons.infraredSensor` %sensor|%event"
         //% blockId=infraredOn
         //% parts="infraredsensor"
+        //% sensor.fieldEditor="imagedropdown"
+        //% sensor.fieldOptions.columns=4
         //% blockNamespace=sensors
         //% weight=100 blockGap=8
         //% group="Infrared Sensor"
@@ -206,6 +208,8 @@ namespace sensors {
         //% block="wait until `icons.infraredSensor` %sensor| %event"
         //% blockId=infraredwait
         //% parts="infraredsensor"
+        //% sensor.fieldEditor="imagedropdown"
+        //% sensor.fieldOptions.columns=4
         //% blockNamespace=sensors
         //% weight=99 blockGap=8
         //% group="Infrared Sensor"
@@ -215,12 +219,14 @@ namespace sensors {
 
         /**
          * Get the promixity measured by the infrared sensor, from ``0`` (close) to ``100`` (far)
-         * @param ir the infrared sensor
+         * @param sensor the infrared sensor
          */
         //% help=input/infrared/proximity
-        //% block="`icons.infraredSensor` %infrared|proximity"
+        //% block="`icons.infraredSensor` %sensor|proximity"
         //% blockId=infraredGetProximity
         //% parts="infrared"
+        //% sensor.fieldEditor="imagedropdown"
+        //% sensor.fieldOptions.columns=4
         //% blockNamespace=sensors
         //% weight=65 blockGap=8   
         //% group="Infrared Sensor"     
@@ -231,12 +237,14 @@ namespace sensors {
 
         /**
          * Get the remote commandreceived the infrared sensor.
-         * @param ir the infrared sensor
+         * @param sensor the infrared sensor
          */
         //% help=input/infrared/remote-command
-        //% block="`icons.infraredSensor` %infrared|remote command"
+        //% block="`icons.infraredSensor` %sensor|remote command"
         //% blockId=infraredGetRemoteCommand
         //% parts="infrared"
+        //% sensor.fieldEditor="imagedropdown"
+        //% sensor.fieldOptions.columns=4
         //% blockNamespace=sensors
         //% weight=65 blockGap=8        
         //% group="Infrared Sensor"     
@@ -252,16 +260,16 @@ namespace sensors {
         }
     }
 
-    //% fixedInstance whenUsed block="1"
+    //% fixedInstance whenUsed block="1" jres=icons.port1
     export const infraredSensor1: InfraredSensor = new InfraredSensor(1)
 
-    //% fixedInstance whenUsed block="2"
+    //% fixedInstance whenUsed block="2" jres=icons.port2
     export const infraredSensor2: InfraredSensor = new InfraredSensor(2)
 
-    //% fixedInstance whenUsed block="3"
+    //% fixedInstance whenUsed block="3" jres=icons.port3
     export const infraredSensor3: InfraredSensor = new InfraredSensor(3)
 
-    //% fixedInstance whenUsed block="4"
+    //% fixedInstance whenUsed block="4" jres=icons.port4
     export const infraredSensor4: InfraredSensor = new InfraredSensor(4)
 
 

libs/touch-sensor/touch.ts

@@ -44,6 +44,8 @@ namespace sensors {
         //% help=input/touch-sensor/on-event
         //% blockId=touchEvent block="on `icons.touchSensor` %sensor|%event"
         //% parts="touch"
+        //% sensor.fieldEditor="imagedropdown"
+        //% sensor.fieldOptions.columns=4
         //% blockNamespace=sensors
         //% weight=99 blockGap=8
         //% group="Touch Sensor"
@@ -59,6 +61,8 @@ namespace sensors {
         //% help=input/touch-sensor/wait-until
         //% blockId=touchWaitUntil block="wait until `icons.touchSensor` %sensor|%event"
         //% parts="touch"
+        //% sensor.fieldEditor="imagedropdown"
+        //% sensor.fieldOptions.columns=4
         //% blockNamespace=sensors
         //% weight=98 blockGap=8
         //% group="Touch Sensor"
@@ -74,6 +78,8 @@ namespace sensors {
         //% block="`icons.touchSensor` %sensor|is pressed"
         //% blockId=touchIsPressed
         //% parts="touch"
+        //% sensor.fieldEditor="imagedropdown"
+        //% sensor.fieldOptions.columns=4
         //% blockNamespace=sensors
         //% weight=81 blockGap=8
         //% group="Touch Sensor"
@@ -89,6 +95,8 @@ namespace sensors {
         //% block="`icons.touchSensor` %sensor|was pressed"
         //% blockId=touchWasPressed
         //% parts="touch"
+        //% sensor.fieldEditor="imagedropdown"
+        //% sensor.fieldOptions.columns=4
         //% blockNamespace=sensors
         //% weight=81 blockGap=8
         //% group="Touch Sensor"
@@ -97,12 +105,12 @@ namespace sensors {
         }
     }
 
-    //% whenUsed block="1" weight=95 fixedInstance
+    //% whenUsed block="1" weight=95 fixedInstance jres=icons.port1
     export const touchSensor1: TouchSensor = new TouchSensor(1)
-    //% whenUsed block="2" weight=95 fixedInstance
+    //% whenUsed block="2" weight=95 fixedInstance jres=icons.port2
     export const touchSensor2: TouchSensor = new TouchSensor(2)
-    //% whenUsed block="3" weight=95 fixedInstance
+    //% whenUsed block="3" weight=95 fixedInstance jres=icons.port3
     export const touchSensor3: TouchSensor = new TouchSensor(3)
-    //% whenUsed block="4" weight=95 fixedInstance
+    //% whenUsed block="4" weight=95 fixedInstance jres=icons.port4
     export const touchSensor4: TouchSensor = new TouchSensor(4)
 }

libs/ultrasonic-sensor/ultrasonic.ts

@@ -45,6 +45,8 @@ namespace sensors {
         //% blockId=ultrasonicOn
         //% block="on `icons.ultrasonicSensor` %sensor|%event"
         //% parts="ultrasonicsensor"
+        //% sensor.fieldEditor="imagedropdown"
+        //% sensor.fieldOptions.columns=4
         //% blockNamespace=sensors
         //% weight=100 blockGap=8
         //% group="Ultrasonic Sensor"
@@ -59,6 +61,8 @@ namespace sensors {
         //% block="wait until `icons.ultrasonicSensor` %sensor| %event"
         //% blockId=ultrasonicWait
         //% parts="ultrasonicsensor"
+        //% sensor.fieldEditor="imagedropdown"
+        //% sensor.fieldOptions.columns=4
         //% blockNamespace=sensors
         //% weight=99 blockGap=8
         //% group="Ultrasonic Sensor"        
@@ -74,6 +78,8 @@ namespace sensors {
         //% block="`icons.ultrasonicSensor` %sensor|distance"
         //% blockId=sonarGetDistance
         //% parts="ultrasonicsensor"
+        //% sensor.fieldEditor="imagedropdown"
+        //% sensor.fieldOptions.columns=4
         //% blockNamespace=sensors
         //% weight=65 blockGap=8   
         //% group="Ultrasonic Sensor"     
@@ -84,15 +90,15 @@ namespace sensors {
         }
     }
     
-    //% fixedInstance whenUsed block="1"
+    //% fixedInstance whenUsed block="1" jres=icons.port1
     export const ultrasonic1: UltraSonicSensor = new UltraSonicSensor(1)
     
-    //% fixedInstance whenUsed block="4"
+    //% fixedInstance whenUsed block="4" jres=icons.port4
     export const ultrasonic4: UltraSonicSensor = new UltraSonicSensor(4)
 
-    //% fixedInstance whenUsed block="2"
+    //% fixedInstance whenUsed block="2" jres=icons.port2
     export const ultrasonic2: UltraSonicSensor = new UltraSonicSensor(2)
 
-    //% fixedInstance whenUsed block="3"
+    //% fixedInstance whenUsed block="3" jres=icons.port3
     export const ultrasonic3: UltraSonicSensor = new UltraSonicSensor(3)
 }