Draw a rectangle outside the image in the list in the grid.

Hi all

I create a list with checkerboard and some time I want to see the coloum 3 and sometimes 4. And in listItemComponent, I would add that an ImageView, so grid list automatically adjust the height and width of the image according to County coloum.

Now, I want to show a rectangel or some focus when the user select any image. SO, how can I do that.

Please provide any suggestions.

Thanks in advance

1. you can use CustomListItem which has the property of highlightAppearance, but only for 10.2 and higher

https://developer.BlackBerry.com/native/reference/Cascades/bb__cascades__customlistitem.html

2 or you can write the container to your listItemComponent games, as this (is not framed but point highest complete):

Container {
            id: highlight
            layout: DockLayout {}
            horizontalAlignment: HorizontalAlignment.Fill
            verticalAlignment: VerticalAlignment.Fill
            opacity: 0.0
            background: Your own color

            animations: [
                FadeTransition {
                    id: selectedAnim
                    fromOpacity: 0.0
                    toOpacity: 1.0
                    duration: 200
                },
                FadeTransition {
                    id: unselectedAnim
                    fromOpacity: 1.0
                    toOpacity: 0.0
                    duration: 200
                }
            ]
        }

and then

ListItem.onSelectionChanged: {
        if (selected)
            selectedAnim.play();
        else
            unselectedAnim.play();
    }

3 or you can play with a graphics editor and make your own graph that indicates whether the element is selected.

There are a lot of options

4 or you can move the selected item to differentiate (sorry my English)

scaleX: ListItem.selected ? 0.5 : 1
scaleY: scaleX

It may be useful

Tags: BlackBerry Developers

Similar Questions

  • Several colors of background on a GOLD-table fill to draw graphical point * behind * the grid lines

    I have some a matter of aesthetics.

    I wrote a program that displays data for binary files. These binaries have blocks of data, an hour or two. Each piece is a playback window, and there are a handful of reading windows per day.

    The data view is in effect, what I'm working on now is a more intuitive way to choose what data should be displayed.

    My goal is to have a graph of waveform with the X axis represents a day full (0 - hr 24 hr) and is indicated on the chart what time windows are available for review, that is, data have been collected. The background of a "collected" window will be yellow (or another color), while times in the course of which no given is collected will be black. The user will then drag the sliders to select the window of what he or she wants to see the data.

    It was quite easy to achieve by drawing the curve a digital signal (1 for data collected during this period, 0 for no) and point-fill with yellow to zero. My only problem with this solution is that filling point appears on the lines of the grid, that does not look quite right.

    Y at - it an easy way to get the grid to appear at the top of the charts, or is there a way to programmatically set multiple background colors (it could do the same thing)?

    Use the property "draw pictures" and draw your own grid before image.

  • Draw the rectangle to the intensity chart (position where clicked)

    I am able to extract the coordinates using the mouse down and mouse to the top of the structure of the event, but unable to draw the rectangle at the specified position. I get the coordinates to the mouse down and mouse up to the event within these limits. I want to draw a rectangle in the position coordinates, but unable to do so.

    One last thing, since you use the Rectangle to draw, you need to deal with cases where the rectangle is not drawn from top left to bottom right. Please make sure that the minimum value X goes to the entrance on the LEFT and the minimum value of go at the TOP of the terminal of the vi entrance Rectangle rect. Use the Max & Min function from the palette of comparison for that.

    Ben64

  • Why drag the magnifying glass to draw a rectangle in Illustrator CC 2015 no longer works?

    I'm used to be able to draw a rectangle using the class Magnifier to zoom in on a specific area. This doesn't seem to work more after I upgraded to Illustrator CC 2015. Does anyone have an answer as to why? Thank you.

    You will need to disable the Zoom in the preferences of GPU.

  • How to draw a rectangle with a border change according to a border image?

    Hi, I already walk image on a photo. Now I want to draw a rectangle at the end of the walk, but the border of the rectangle and border on foot to meet another eact perfectly.

    example image I gave below (downloaded from the internet). I want to fix this rectangle at the end of the foot.

    Thanks in advance

    https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQRMYcCcxX5sC9jv8AUS64LSfb8I7K6GSsKCsCrUCOE1tbQ6f-Phttps://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRSj_yAwQWXik-xB-spAi9gZwUSgz6JkPCgpGmdajCrY0h6P0hGnw

    Nice day!

    Could you please post a screenshot with the Panel visible layers?

    Is the iten by chance one layer shape and therefore does not have a vector mask?

    Kind regards

    Pfaffenbichler

  • How to delete a selected line using a button located outside the datagrid in flex4 mxml application

    Hi friends,

    I'm new to flex, I use flex4 mxml application, I have my doubts... Help, please.

    My requirement is that I use a grid.i of data data should this datagrid from another window contextual and recorded the details datagrid now, too, I want to remove a record from a data grid

    I use a datagrid. a save button and remove the two buttons are placed outside the grid of data. so once I click on a row of the data grid and click on remove the medium button this record should delete data grid.


    All codes suggession and extract are welcome.

    Thanks in advance,

    B.Venkatesan

    Hello

    This code can help you:

    http://www.Adobe.com/2006/mxml"layout ="absolute"viewSourceURL =" srcview/index.html">"

    Import mx.controls.CheckBox;

    Import mx.collections.ArrayCollection;

    Import mx.controls.Alert;

    public var dp:ArrayCollection = new ArrayCollection();

    public void addRow (): void

    {

    var tmp:Object = new Object();

    tmp ["amount"] = 100;

    dp.addItem (tmp);

    }

    public function delRow (): void

    {

    If (dgFee.selectedIndex! = - 1).

    dp.removeItemAt (dgFee.selectedIndex);

    }

    ]]>

    Thank you and best regards,

    -----------------------------------------------------------------------------------------

    Vibhuti Gosavi . [email protected] | www.infocepts.com

    -----------------------------------------------------------------------------------------

  • Is it possible to hide the grids on the document in InDesign?

    I'm hoping to hide the Document out of the document grid. Is this possible?

    Or would that be possible?

    Do you mean you want the grid to be visible on the page, but not the table editing? If that's what you mean, there is no a possibility to embed to combat it that way.

    If the pasteboard grid mind really, you pouvez (using image filled Peter's suggestion):

    1. Go to a master page and zoom out until the complete editing table is in sight.
    2. Draw two rectangles; on the size of the page (aligned to the edges of the page) and the other the size of the pasteboard.
    3. The two rectangles selected, choose object > paths > make compound path...
    4. Apply a white fill.
    5. Eventually, lock the layer to one or more new layers above the content.
    6. This could be saved as a template if you do not have to repeat it.

  • Why not a draw a rectangle in perspective?

    Hello

    I use Illustrator CC (version 2015.0.0).  I read Adobe Illustrator CC Classroom in a Book (release of 2014) and trying to follow the exercises in each chapter.  I'm up to Chapter 12, which covers the perspective drawing.  I'm at the point where I've set up my perspective grid, and I used the Widget of switching airplane choose I want to attract on 'grid left (1).  I find it strange that when I hover over the 'left grid (1)' in terms of switching Widget, that shows the pop-up note "l: 0;" "H: 0.

    In any case, I selected the rectangle tool and I want to draw a rectangle on the left grid, but I can't do it.  With the rectangle tool selected, when I move the slider on the left grid (or any part of my drawing by the way), the cursor looks like a pencil and just below and to the right of the pencil is a circle with a line through it 45 degrees (the typical symbol you see to make you aware that you can not or should not do something).

    If anyone can give me a clue as to what I might get hurt, I would be very happy.

    Thanks in advance,
    Paul

    Check the Panel layer if the layer is locked.

    If this does not help, please show a screenshot.

  • Help!  I'm stuck.  No, not the child into the well.  I took a picture and put a second layer top with a rounded rectangle to make a frame.  My problem is that I need to find a way to hide the small box outside the box on the second layer.  Thanks to

    Help!  I'm stuck.  No, not the child into the well.  I took a picture and put a second layer top with a rounded rectangle to make a frame.  My problem is that I need to find a way to hide the small box outside the box on the second layer.  Thanks to all those who can help you.

    Another option is to put the Options bar of the Rectangle rounded to the path tool

    Trash bolt for the background layer, hold down the Cmd key and click on the symbol of the new layer to layer below the image to white. Then edit > fill with white.

    Return the image layer and draw the image as a path

    Click the load as a selection path in the Panel traced

    Edit > stroke and stroke with color

    Select > Inverse > delete

  • How to crop images outside the canvas when registering as a bitmap?

    Hello world.

    I worked on a design of DVD.  I have a picture of the face of a person on the entire CD.  The reversal of the image outside the canvas.  However, I made a rectangle along the edges and then used a clipping mask to visually remove the overflow.

    When I go on save the image as a .png or a .tiff or any type of bitmap image I always save a transparent part where the spill.

    How can I HAVE me to stop this?  I want to record only what images are inside the canvas.  Is there a predefined or preference setting I'm missing?

    Thank you!

    -Drew

    In the export dialog boxes there is the possibility of using work plans, check this option.

  • Third-party tool to draw the rectangle on the block diagram

    I know he was once a third party tool that allowed me to draw a rectangle of Nice double border on the block diagram.  Yes, it's the not the front panel block diagram.  It was very useful to make annotations and designating functional groups.  Does anyone know what this could be?  I installed Package VI Manager and went through everything I can think of without finding her.

    Unfortunately, the documentation for those modules potentially very useful is poor.  The 'Get info' is terse point of unnecessary and by clicking on "Product Home Page" rarely gets you more than a logo, not informative.  Surely there should be more details somewhere.

    I don't know what you're referring to the tool. What is this logo? Maybe someone can recognize.

    What is the problem with the flat frame?

  • How can I put pictures outside the window of Photoshop elements 14 work, so that I'm not obliged to work within the program window, but use my screen completely for the image?

    How can I put pictures outside the window of Photoshop elements 14 work, so that I'm not obliged to work within the program window, but use my screen completely for the image?

    dannyb76251437 wrote:

    How can I put pictures outside the window of Photoshop elements 14 work, so that I'm not obliged to work within the program window, but use my screen completely for the image?

    Note that you can work with two screens and drag and drop the image to display on the other window.

    I think you mean working temporarily with the window enlarged image without displaying all the tools and panels.

    See:

    Panels and bins in Photoshop Elements

    My advice: take the time to read the above help and especially to look at ways to maximize this window if you are on Mac or Win.

    Set your preferences in the Edit menu to "allow the floating windows in expert mode.

    Use the "tab" on the keyboard key to hide or show your panels and tools quickly.

    Find out how to hide the photo tray.

  • How is - what cut you a rectangle in 2 colors with a diagonal from top to bottom?  Once I draw a diagonal with the online tool I am at loss to create 2 color split?

    How is - what cut you a rectangle in 2 colors with a diagonal from top to bottom?  Once I draw a diagonal with the online tool I am at loss to create 2 color split?

    Rosemary,

    A simple way would be to:

    (1) give the rectangle a color, then Ctrl > Cmd + C + F;

    (2) use the direct Selection tool, and then deselect (click and empty space), then click on the opposite corner to the part where you want to keep the color, then press DELETE, then change the fill color to the other.

    Or, you can ClickDrag with the line tool along the diagonal line from corner to corner (guides are your friends), select it all and Pathfinder > divide, then select live from the triangle where you want to change the color and change.

  • Stock image from the internet appears as the small rectangle in the center of the element instead of b-roll on V2?

    Stock image from the internet appears as the small rectangle in the center of the element instead of b-roll on V2?

    What are the dimensions in pixels of your image in stock?

    What are the dimensions in pixels of your timeline?

    It seems that if you have a very small image.

    If this is not the case, click on the image in V2 to select, and then do a right click (control click) or from the dropdown choose the value frame size.

    If you have a small image, it will be enlarged but probably softened considerably.

    MtD

  • How about cultures outside the image in Adobe Camera Raw?

    I would like to create a culture of a portion of an image in Adobe Camera Raw AND include some areas outside this image. Is it possible to do so.

    You can do that in ACR, but you can if you open in Photoshop and use the crop tool here.

    Gene

    (If that answers your question, mark it correct.)

Maybe you are looking for

  • Site answers will not open and read certificates

    I have installed the new driver for my new card reader, ACR38, but nothing happens when I try to open a session on the site www.Mypension.be. my IMac tells me that the certificate of apple is not valid. I use El Capitan

  • Waste of space on hard drive

    My pavilion 734. UK Windows XP failed to restart after a set windows to update recently. Finally, I hit F10 on the hp splash screen and recovered the system, with a few necessary subsequent update. I find now that I can't recharge my photos and other

  • Satellite M30X - 165 Win XP Pro SP2 sound does not work

    Helloon my Satellite M30X 165 I simply get no sound output, if I look in Device Manager I see installed Realtek AC97 audio drivers but if I look at the Menu "Sounds and Audio devices" I see "No. Audio Device" in Control Panel, I use the Realtek drive

  • Photon: Notifying administrators of device-> Admin

    Hello I can't find information in the manual of the phone on this setting. Admin Notifier is intended to be an application that allows you to control some security settings, but I can't find or configure it. Any help would be appreciated. Thank you.

  • Spectrum of HP - MINI DISPLAY PORT PROBLEM

    Good evening, I'm Mattia, I have a HP spectrum 13 ultrabook; It has a mini display port, as the macbook, so I bought a mini display of sample of cable vga port to connect my ultrabook to my vga monitor 19 ". The problem is no signal in the company of