ActionScript 3.0 :: Keep The Spacing Of The Grid Correct According To The Scaling Of Each Item ?
Mar 25, 2009
I'm created a grid of squares and when the users mouse is within 100 pixels of a square it scales up. This is pretty easy and is code that is widely out online.When a square scales up I need the others to move position accordingly to the new scaled square. This is where I am running into trouble. Here is what I have so far.
Code:
public function updateGridPositions() : void
{
for (var i:int = 0; i < gridItemsArr.length; i++) {[code]......
I use TweenLite for the tweening engine. Can anyone help in trying to figure out how I can keep the spacing of the grid correct according to the scaling of each item in the grid.
View 9 Replies
Similar Posts:
Feb 3, 2012
I'm currently working with the OLAPDataGrid component and got stuck at a relatively simple task: I want to style the last row of the grid differently from the rest, so my cell item renderer needs to know whether he's rendering the last row with content in the overall grid, including those rows currently not rendered because they are outside the visible grid space. AdvancedGridListData's rowIndex property only gets me the row index of the renderer relative to the range of visible grid rows, i.e. when I scroll down the grid, a data item with an index greater than 0 gets the rpw index = 0.
View 2 Replies
Sep 24, 2009
I have a mx:Grid component in my flex application. But I would like to resize it by clicking and dragging in the border. This component doesn't allow doing that.I want to put a panel in each gridItem of this Grid component and resize it.
View 1 Replies
Feb 28, 2006
I just want to create a grid, this is the script:
MovieClip.prototype.drawRect = function(w, h) {
this.beginFill(0x006699, 100);
this.moveTo(0, 0);
this.lineTo(0+w, 0);
this.lineTo(0+w, 0+h);
this.lineTo(0, 0+h);
[Code] .....
View 5 Replies
Jun 8, 2008
I have a background with a bitmap fill in it. The background is just a rectangle [drawRect(0,0,stage.stageWidth,stage.stageHeight)]. It get's a repeated bitmap fill and everything works fine.My problem is whe the stage is resized. If I simply set the height and width of the rectangle the fill gets stretched (even when I re-apply the fill). If I redraw the rectangle and re-apply the fill everything works fine.it.
View 2 Replies
Aug 11, 2010
i found out when i add a dynamic mask to my preloader progress bar (for transition out) its not scaling correct. I think its because my bar isn�t tweening to the correct "stageWidth" during progress until it completes. I setted it up like that:
// Preloder Progress Bar
Code:
bar.scaleX = 0;
bar.graphics.beginFill(0xff3333,1);
bar.graphics.drawRect(0,0,stage.stageWidth,4);
[code]....
Somehow it looks like 100% of the loading progress doesn�t represent the entire stageWidth so my bar animation finishes some pixels before reaching stageWidth end. NowJust noticed it now after adding a dynamic mask to my preloaders progress bar.
View 9 Replies
Jul 7, 2010
I'm attempting to add an image to a datagrid item render dynamically in flex. Here is my DataGrid code The value of "str" in the getImagePath function is correct.
[Code]....
View 1 Replies
Feb 2, 2010
i have following xml
<?xml version="1.0" encoding="UTF-8" ?>
<Users>
<User>
<ID>SMSUser(63)</ID>
[CODE]...
How can i show Email in textbox when user select any item in the grid?
View 2 Replies
Feb 20, 2011
I have a datagrid with an xmlListCollection bound to it:
<mx:DataGrid id="dgCompetente" includeIn="Competente" x="10" y="66" width="547" height="468"
change="dgCompetente_changeHandler(event)" dataProvider="{colCompetente}"
editable="false">
[Code]......
I want the selectedIndex to remain the same. So, if I delete item 2, the next in the list should be selected. The problem is that if I delete item 2, item 3 will be selected and I have no idea why.
View 1 Replies
Sep 20, 2010
I'm using a data grid with an item renderer that creates a toggle button. The idea is to have a list of items and only allow one to be selected and pre-select one at start.I've got the single button selection working, meaning that when I click on on toggle button, the others are deselected.My problem is to create a way of pre-selecting an element of the data grid or simulate a click on a row and selecting the corresponding toggle button.If I use the datagrid.selectedIndex the result is a selection but the toggle button doesn't get selected.Here is the code exampleIn this example I am using the array value "selected" to define selected button, not my favourite solution but the one that worked first.The array collection:
public static const ValuesList : ArrayCollection = new ArrayCollection(
[
{ID:0, Name:"One", selected:false},
[code].....
View 2 Replies
Jun 22, 2010
I have a Data Grid with automacticly genorated columns, i now need to add data items into a spesific row / column of this grid e.g. col 2 row 3. It dosnt have a data provider at the moment as i wish to be very selective about which data goes where.
View 1 Replies
Dec 30, 2009
I'm trying to get the depths of all the blocks to be at the correct levels at the correct times so that the 3d effect is maintained. I've tried many things, but have had little success. All the instances of the blocks are stored in an array, but since it's adding them in accordance with when they're added to the stage, it doesn't help me locate them to swap depths. Is there a way to arrange them by location on the board?
View 4 Replies
Mar 11, 2008
I've search through all the threads with "scaling" and "resizing" and can't find the solution.
Basically I have a GUI element on a gallery that I don't want to scale, while the rest of the page is free to resize/scale.
I think I need to add a listener of some sort to the stage, but I'm not sure how to do this.
View 2 Replies
Oct 9, 2009
I need to create a simple multiplication grid where children will fill the grid. Its an empty grid at the begining, when they start the time start as well.Its a grid of 10 x 10. when they enter the last number, the grid should show what they did wrong and the time they spend. It's an idea of how it could work but if anyone has something that looks like this.
View 6 Replies
Feb 23, 2009
I'm building some navigation that extends all the way from left to right across my SWF. When the window resizes, I'd like the nav buttons to get wider but not have the text on the buttons get wider.
The buttons themselves are rectangles with a vertical gradient and a stroke around the outside. I'm using 9-slice scaling so the stroke doesn't scale, but the middle (gradient) gets wider or narrower.What'd be great is to be able to select an object or layer and say "don't scale, even if the rest of this movie clip scales". Is there a way to do that, or will I have to do it via actionscript?
View 1 Replies
Jul 5, 2011
I want to make a square grid of fixed side length but varying grid number using code.That is, the number of grids should be specified by the user (say 3*3) and after pressing a button, the stage should be broken into 3*3 grids.I don't want any code, just a method on how to do it. I have tried it by using simple loops but the method just fails for no reason I can figure.
View 5 Replies
Mar 31, 2010
Whenever I add paddingRight to a column in the flex grid, it adds the padding to the header as well.Is anyone familiar with how I can add paddingRight just to the column and not to the header? Below is the column code where I was specifying the padding.
<mx:DataGridColumn width="60" headerText="Type" dataField="Grade" headerStyleName="headerLeft" textAlign="left" draggable="false" resizable="false" headerRenderer="GridHeaderRenderer" paddingRight="5"/>
View 1 Replies
Mar 19, 2007
I really like the thumbnail gallery for its simplicity and beauty. But I would like to ad or vertical scroller (I'm unable to find it here too, maybe I'm blind, just I'm more at the end of my seeking options) or a make a grid thumbnails, that will show 2 columns of thumbs and 5 pictures in each columns, then under the 2 columns i would like to ad a sort of arrow or button that if my gallery have more then 10 pictures it will go on the next thumbnail list. I'm not looking for any extra fading effects or special movements. Just would love to have a single thumbnail grid on side, with option to have lists of thumbnails by 10 if there is more then 10 pictures or so.
View 14 Replies
May 20, 2010
i have a diagonal movieclip that I am trying to scale along with the background video. The background video scales perfect, I am attaching the diagonal movieclip (br in the code as bottomright) with addChild
Instead of scaling with the window, it seems to repeat such as the image is displaying. this is the main section of the code that is doing the scaling
var br:mc_bottomright = new mc_bottomright();
addChild(br);
//proportional scale
if ((stage.stageWidth / stage.stageHeight)> (owidth/oheight))
[code]....
View 4 Replies
Apr 10, 2009
I am trying to achieve an effect of scaling a movie clip on click...very similar to [URL] When the user clicks on See, Hear, Play and Shop boxes, the boxes expand. I have created a box movieclip that has a bar on top. This bar is a movie clip inside the box movieclip. When i try to scale the main box movieclip, the internal bar movie clip scales as well. How to stop this?
View 2 Replies
Jun 24, 2008
I'm building a small editor that allows users to place electrical components onto a grid so that they can see how electricity works. I have built a grid using an array and for loops and attach movieclips dynamically to that grid. What I want the moviclips to do is to look in the four spaces either side of itself i.e. up, down,left and right.I have managed to pull the grid coordinates out of the grid which enables me to tell the clip which grid space to look at but have been unable to successfully get the code to work.Here is my code:
myGrid = [[1,1,1,1,1,1,1,1],
[1,0,0,0,0,0,0,1],
[1,0,0,0,0,0,0,1],[code]....
View 1 Replies
Apr 18, 2004
really sorry to bring this one up again. I've managed to create quite good working gallery. What I'm trying to now is create a menu that is attached to the scaling part but does not scale it self - in other words just changes position. here's an example of what I mean: galleru #1
View 14 Replies
Apr 18, 2004
What I'm trying to now is create a menu that is attached to the scaling part but does not scale it self - in other words just changes position. here's an example of what I mean: galleru #1
View 13 Replies
Jan 16, 2012
I'm trying to code the snap to grid functionality. The dragged object should snap to the grid if the distance between the object bounds and a grid line is less than 5px. I found a way to do it if the object's rotation is 0 but it doesn't work if I rotate the object. I need a different approach. Can you point me into the right direction with the algorythm or any source code?
View 3 Replies
Jul 28, 2010
I am trying to create a puzzle like game (a chinese puzzle game called tangram). I am wondering what kind of functions should I use to create a "triangular" grid i.e. something similar to this ?[URL] What should I do to make the movie clips to perform the "snap to grid" effect to this grid?I have tried to draw my own grid and used the "cacheAsBitmap" function to implent it, however it doesnt seems to be working.
View 6 Replies
Jul 27, 2010
I am a newbie in flash and I am trying to create a puzzle like game. I am wondering what kind of functions should I use to create a "triangular" grid i.e. something similar to this ? [url]... What should I do to make the movie clips to perform the "snap to grid" effect to this grid?I have tried to draw my own grid and used the "cacheAsBitmap" function to implent it, however it doesn't seems to be working.
View 4 Replies
Feb 15, 2011
I have this datagrid:
<mx:DataGrid id="dgCompetenteN" includeIn="Test" left="10" right="472" top="69" bottom="149"
dataProvider="{colCompetente}" editable="false">
<mx:columns>
[Code]....
What I want to do is, when I select an item in the datagrid, the selected item of the dropdown should be the correct one (the one which has the field idCompSuperioara equal to the third element in the selected datagrid row).
View 1 Replies
Jun 10, 2011
I'm creating a mobile app in which I need to show a calendar with months at the top. The months are part of a component that extends from SkinnableDataContainer (and has some custom scrolling/behaviour - which is why I did'nt use a spark list). I need the months to be shown as a 'trapezium' shaped tab and so I'm using a png image as a mask in the item renderer for the component.
When the mask is not applied, it all works well - the months render, the list/data container selection works when I click on a month and so on.When the mask is applied, it renders well, scrolling and everything else seems to work well - but when I click on a month, nothing happens visually. And from the trace statements in my code, it appears list item selection is not changing. Looks like mouse clicks are not working.
Code:
public class TopCalendarMonthRenderer extends LabelItemRenderer {
[Embed(source="/assets/trapezium_alpha.png")]
private static var TrapeziumMask:Class;
private static var trapeziumMaskInstance:BitmapAsset;
[code]...
View 1 Replies
Jul 20, 2010
I am in search of finding a way to display shopping cart items in a flash 8 datagrid in the order it was chosen by the user & also to ability to delete an item if the user choses. Currently I have the items displaying however they are displaying in a position as it is stored and called in the array. [code]
View 5 Replies
Jul 22, 2011
I have made a drop down menu with 7 items but as the invisible bottun around each item interferes with the item besid it, when i try to roll the mouse from one item to another, the invisible bottum dont work and the dropdown remains open.
View 1 Replies
