Slide transition problem

Hello! Here's the problem I am facing a sample app developed to learn the transition between slides.
The effect I want to achieve is similar to that used on the blackberry os in the home screen: buttons are arranged horizontally at the bottom of the screen and when you drag the trackpad down other buttons are revealed.

Leaving aside the problem already solved on the Organization of the various elements of the UI on the screen, I have developed a home screen, the screen that you see when you open the sample application and a second screen, the screen that slides to the bottom of the screen.

The home screen is completely opaque, while the second screen has a transparent background in the upper area, let's say 1/3 and a partially transparent with the remaining 2/3 bottom.

This is the code that implements and enable the transition from the home screen to the second screen:

protected boolean navigationClick(int status, int time) {
    engine = Ui.getUiEngineInstance();

    transitionIn = new TransitionContext(TransitionContext.TRANSITION_SLIDE);
    transitionIn.setIntAttribute(TransitionContext.ATTR_DURATION, 400);
    transitionIn.setIntAttribute(TransitionContext.ATTR_DIRECTION, TransitionContext.DIRECTION_UP);
    transitionIn.setIntAttribute(TransitionContext.ATTR_STYLE, TransitionContext.STYLE_OVER);

    transitionOut = new TransitionContext(TransitionContext.TRANSITION_SLIDE);
    transitionOut.setIntAttribute(TransitionContext.ATTR_DURATION, 400);
    transitionOut.setIntAttribute(TransitionContext.ATTR_DIRECTION, TransitionContext.DIRECTION_DOWN);
    transitionOut.setIntAttribute(TransitionContext.ATTR_KIND, TransitionContext.KIND_OUT);
    transitionOut.setIntAttribute(TransitionContext.ATTR_STYLE, TransitionContext.STYLE_OVER);

    new Runnable() {
        public void run() {
        Screen next = new SecondScreen();
            engine.setTransition(null, next, UiEngineInstance.TRIGGER_PUSH, transitionIn);
            engine.setTransition(next, null, UiEngineInstance.TRIGGER_POP, transitionOut);
            UiApplication.getUiApplication().pushScreen(next);
        }
    }.run();

return true;
}

The transition is working as desired and as expected when you press the second screen on the top of the home screen: I can see the homescreen remaining fixed and the second screen appearing with the movement of the slider.
The problem arises when the second screen to bring up the home screen to burst again: now, instead of having the second screen sliding down, I see the display content while descending.

I think that the error is in the transitionOut attributes, but I tried a lot of combinations of values without success.

The code is targeted for API 6.

Solved...!

This is the code that the effect to work properly!

protected boolean navigationClick(int status, int time) {
    engine = Ui.getUiEngineInstance();

    transitionIn = new TransitionContext(TransitionContext.TRANSITION_SLIDE);
    transitionIn.setIntAttribute(TransitionContext.ATTR_DURATION, 400);
    transitionIn.setIntAttribute(TransitionContext.ATTR_DIRECTION, TransitionContext.DIRECTION_UP);
    transitionIn.setIntAttribute(TransitionContext.ATTR_STYLE, TransitionContext.STYLE_OVER);

    transitionOut = new TransitionContext(TransitionContext.TRANSITION_SLIDE);
    transitionOut.setIntAttribute(TransitionContext.ATTR_DURATION, 400);
    transitionOut.setIntAttribute(TransitionContext.ATTR_DIRECTION, TransitionContext.DIRECTION_DOWN);
    transitionOut.setIntAttribute(TransitionContext.ATTR_KIND, TransitionContext.KIND_OUT);
    transitionOut.setIntAttribute(TransitionContext.ATTR_STYLE, TransitionContext.STYLE_OVER);

    UiApplication.getUiApplication().invokeAndWait(new Runnable() {
    public void run() {
        Screen next = new SecondScreen();
        engine.setTransition(_screen, next, UiEngineInstance.TRIGGER_PUSH, transitionIn);
        engine.setTransition(next, _screen, UiEngineInstance.TRIGGER_POP, transitionOut);
        _manager.hideFooter();
    UiApplication.getUiApplication().pushScreen(next);
    }
        });
    return true;
    }

Tags: BlackBerry Developers

Similar Questions

  • Having problems with slide "Transitions".

    I want slides have no transition so that they don't fade and fade out? I scored the slides for "Without Transition" in the properties panel, but also that they fade in and out. When I put a button 'Next' on a slide, she faints and then shows the button... AAAARRRRGGGGG! I'm at my wits end trying to solve this problem. Please can someone help?

    Hello

    Slides have normally no transition. Check the objects! Objects (text captions, Images, buttons, etc.) are normally configured with fade in and fade out.

    See you soon... Rick

    Useful and practical links

    Begin to learn Captivate 5 times now! $29.95

    Captivate wish form/Bug report form

    Certified Adobe Captivate training

    SorcererStone blog

    Captivate eBooks

  • Problems of CP9 slide transitions in properties?

    Find transitions between slides used to be so easy in previous versions of Captivate and I work on a new project, Captivate 9 and am unable to find the transitions between slides. I looked in the manual and it said they were in the area of the property inspector. Not able to locate them. Help, please.

    Thank you.

    I don't really like this UI Newbie; did you check if the synchronization properties are available in the Windows menu?

    Because I never use this UI, move immediately to the Expert user interface, do not know if the calendar is displayed only when you select an object? It is not logical, because the calendar should be available for the slide itself.

  • Delicate design, positioning and Organisation of objects on Master Slides quiz problems

    Hello

    I just upgraded to 9 Captivate and would switch to suitable designs.  Some problems, however.

    First of all, when I try to modify the positions of certain objects on slides in quick mask mode, the Position of the object on the tab Position have right and left gray.  I, for example, like to move and position of in the MCQ response boxes would design ('Type 1 from here' etc) to the left of the slide to make room for images on the right.  For some reason, I'm not allowed to do any settings on the tab position I try (and I think I tried them all).

    Secondly, the menu item "organize" is grayed out and if I put pictures on the slide, they fall behind the objects already here and cannot be ' brought forward "."  I don't know why the new objects (i.e. images) fall behind the other objects permanently.

    This means that I can't move some existing objects as I would like and I can't put pictures above them either.

    Very clearly, I'm doing something wrong, but the research, as I might, I can't find answers, and I'm starting to think better to return to the inadmissible designs.

    Grateful for any help, anyone can give.

    Richard

    Your question is not quite clear to me, but he can offer you already some explanations.

    Questionnaire slides have very strict rules. All objects incorporated, those are the objects without an individual timeline, are always on top of the stack. You can't have custom objects appears above one of the built-in objects. I found a few exceptions as described in this article:

    Buttons on Question/Score of Captivate 6 slides? -Captivate Blog

    What I said now is not specific to a sensitive project, but to all projects.

    With respect to positioning, see what you mean: you cannot resize the boxes of individual response, nor the overall box on the master slide, but you can on the slides of individual questionnaire. Look at this slide:

    I started by looking at the Advanced setting: by default, it is set to align horizontally, be sure to uncheck this option.

    For answers: select the global zone that has all the answers. You can see I've changed its size and position.

    I hope this can help?

  • Question slide insert problem in Captivate 9 Responsive Design project

    I'm trying to insert a question after a slide in the project but Captivate keeps placing below the new issue with a pile of other issues in the project. When she did this, I can't move the slide to the post I want to in class stream nor can I move any other current slide. What should I try?

    That's what I did: I deleted the cache. I tried the previous iterations of the project without result. A conditional question: I am not connected to the internet on this computer. which would affect the behavior of classes?

    I don't know if there is any problem with how to set quiz preferences but I don't know that I have not had any problems with the insertion of slides where I wanted them earlier in the development of the project.

    Thanks in advance for your help.

    Chris

    The usual reason for this behavior is that you try to insert a quiz with Questions before the test.  Questions before the test can be placed at the beginning of a lesson BEFORE all other issues for the main quiz quiz.

    You may have several types of quiz in this module?

  • Camtasia user moving to Captivate 9 - I want that all slide transition at the entrance and exit

    I am a user learning captivate Camtasia and would like to have a transition between slides when entering (fade in black), out (fade to black).

    How can I do this?

    also, is there a chart or a document that lists the equivalent commands Camtasia in Captivate?

    Hello

    I'm not aware of such a document. But Camtasia and Captivate are completely different animals. So, I'd be surprised to find many commands that were the same.

    You mention slides so I guess that you do not use Captivate as you would Camtasia. (Both can be used in a similar way if you use Captivate in demo mode). And then, if you were doing that I'm not sure why you need to pass Camtasia as is the much better product for this record type.

    If you are wanting to fade to or from black, I think I would use an object to display with a black fill, then move the fade in or out to achieve your desired effect.

    See you soon... Rick

  • Audio to slide sequence problem

    Hello - I am a high school teacher in video that used the first for years.  I have a new problem I've ever seen elsewhere.  When one of my students defines the first entry and exit point from a file and he hangs out in the sequence of the video and audio will appear.  Unfortunately, each subclip after it renewed with in and out points brings only the video when it is moved in the sequence.  This happens for any computer in the lab, she is- and that doesn't happen to him.  She is also not using the 'slide only Video button.  When we try to use the "Drag" Audio only to bring in the audio, we get the circle with the line through it, and it doesn't drag us.

    Any suggestions?

    Thank you

    Jay

    Is ticked this box (or other way)?

  • Slide jump problem with playback?

    Our staff is using 9 presenter and record of the Powerpoint 2010 slides (do not use the slidewshow playback feature but manually advance)

    During playback, they report that the slides are being ignored.  Someone else has encountered this and if so what was the solution?

    Thank you

    Talked to support several times.  Most seemed to be unaware of this problem, but I managed to find someone who really wants to understand.  After a lengthy exchange on an online chat, he gave me some suggestions and it works so far.  First suggestion is to move my file Power Point from source to the same drive as my presenter (the 'C' drive) OK, no harm, no fault.  Next idea was to launch PowerPoint in administrator mode.  I use Power Point 2013 and presenter 10.  OK, that did the trick.  I ran the same work and no slide ignored after that I recreated the output.  I also tried a larger Power Point file and everything looked good.   Worth a try.  Right-click on the Power Point icon and go to properties.

  • Slide transitions

    Hello

    I created a training of 31 slides with different objects and audio on it.

    The transition is set on "seamlessly." But still, when I publish the project on each slide translition I see a white background, just for a glimpse of the time.

    What should I do to get transitions smoothly, where the slide content is gliding in to the next?

    Best regards

    Florence

    Check that all the common elements on each slide do not have their own melted in or applied fade.  What you may not see because of snow but the objects on slides not starting not not on the first image.

    Also, if you use Master slides, make sure that all the objects on the master are set for without Transition.

  • having the image alignment in slide show problem

    THW slide show can be seen here http://www.jimslounge.com/slideshow/bio.swf

    The images are added to a background MovieClip they are set to align to the horizontal and vertical center.  They used to do, but often, they are a little off and sometimes they are way off.  Photos are added tha a Sprite called holder and holder is added to the background MovieClip holderBG the problem is in the displaySlide function.  I noticed that the alignment problem seems to go away when I create a new instance of the holder there but when I do that climates steadly use upper memory with each new slide.

    import com.greensock;
    com.greensock.easing import. *;
    import flash.display. *;
    import flash.utils. *;
    import flash.events. *;
    flash.net import. *;

    var myFont:Font2 = new Font2();
    var externalReq:URLRequest = new URLRequest ("bio.txt");
    var externalLoad: URLLoader = new URLLoader();
    var myFormat:TextFormat = new TextFormat();

    var bars: Bars = new Bars();
    var n: int = 0;
    var intCurrentSlide:int;
    var req:URLRequest;
    var holder: Sprite = new Sprite();
    var holderBG:HolderBG = new HolderBG();
    var loader: Loader;
    var int rand;
    var nxtNum:int;
    var picNum:String;
    var slideCount:int;
    var xmlLoader:URLLoader;   Slideshow xml loader
    var xmlSlideshow:XML;  Slideshow xml
    var strXMLPath:String = 'bioPics-"Data.xml" ';
    var slideName:String;
    history of the var: Array = new Array();
    var duration: number =. 5;
    var prevSlide:String;
    var timeline:TimelineMax;


    addChild (holderBG);
    holderBG.x = stage.stageWidth / 2 - holderBG.width / 2;

    xmlLoader = new URLLoader();
    xmlLoader.addEventListener (Event.COMPLETE, onXMLLoadComplete);
    xmlLoader.load (new URLRequest (strXMLPath));
    ///////////// text setup ////////////////////
    myFormat.font = myFont.fontName;
    myFormat.size = 14;
    myFormat.leading = 2.5;

    bioText.setStyle ("textFormat", myFormat);
    bioText.setStyle ("IncorporerPolices", true);
    bioText.textField.alpha = 1;

    externalLoad.load (externalReq);
    externalLoad.addEventListener (Event.COMPLETE, textReady);
    /////////////text setup////////////////////////
    createTimeline();

    function textReady(event:Event):void {}
    bioText.htmlText = event.target.data;
    }
    function onXMLLoadComplete(e:Event):void {}
    xmlLoader.removeEventListener (Event.COMPLETE, onXMLLoadComplete);
    xmlSlideshow = new XML (e.target.data);     create new code xml with the data received
    slideCount = xmlSlideshow... image.length ();   get the total number of slides
    loadSlide();
    }

    function loadSlide (): void {}
    prevSlide historical = [history.length - 1];
    RAND = Math.ceil (Math.random () * slideCount - 1);
    loader = new Loader();
    req = new URLRequest (xmlSlideshow.. @src [rand]);
    loader.contentLoaderInfo.addEventListener (Event.COMPLETE, displaySlide);
    Loader.Load (req);
    slideName = xmlSlideshow... @src [rand] m:System.NET.SocketAddress.ToString ();
    }

    function createTimeline (): void {}
    Timeline = new TimelineMax ({repeat: 1, repeatDelay:5, onComplete:loadSlide, suspended, yoyo: true: true});
    for (var int count = 1; count < = 10; count ++) {}
    var mc:MovieClip = bars ["bar" + count];
    Timeline.Append (TweenMax.from (mc, duration, {x: "64", alpha: 0, ease:Cubic.easeOut}), -. 4);
    }
    }

    function displaySlide(e:Event_=_null):void {}
    loader.contentLoaderInfo.removeEventListener (Event.COMPLETE, displaySlide);
    / / holder = new Holder();  If I lose the alignment problem but gain a menory problem.
    If (holder.numChildren > 0) {holder.removeChildAt (0) ;}}
    holder.addChild (loader.content);
    / / Center of the photo
    Holder.x=holderBG.width/2 - holder.width/2;
    Holder.y=holderBG.height/2 - holder.height/2;

    make the position of the mask on the peak
    bars.x = Holder.x;
    bars.y = Holder.y;
    bars.cacheAsBitmap = true;

    holder.cacheAsBitmap = true;
    Holder.Mask = bar;
    bars. Width = holder.width;
    bars. Height = holder.height;
    holderBG.addChild (holder);
    holderBG.addChild (bars);
    Timeline.Restart ();
    }

    Sorry my bad I mean this

    holderBG.removeChild (holder);

  • Slide transitions do not work

    I imported a small set of PowerPoint slides with no transition, and I added transitions between slides in Captivate. But after on slide 4, transitions get stuck on halfway on each slide, if the slide contains the transition mess stuck on it. I removed all the transitions, but they don't always disappear - they are there in the preview and to publish, even after registration, closing Captivate, publish again, etc.

    Is this a bug in import of PowerPoint slides?

    Hello.

    Yes, Captivate handles well PPT animations. But it does not matter the PPT objects separately. He picks up the PPT slide and imports it into a slide of animation. Therefore, you don't see the internal slide PPT inside Captivate objects.

    Also, if you have Powerpoint installed on your machine, then it is useless to return to Powerpoint and make changes. You can do it directly using the function Edit PPT of Captivate 4.0.

    Thank you

    Michel

  • Personalized 9800 slider TextBoxfield problem

    Hello

    The custom cursor in textboxfield is not properly get updated. When you enter any text instead of display the cursor at the end of a character, it appears after one or two space character to the last character and when you tap on the evolution of the orientation textboxfield then cursor comes to the appropriate position. That is to say at the end of the last character.

    Even when I delete textboxfield characters, it does not move smoothly. It fluctuates as movement before shows and back, space between the cursor and the last character of the text.

    This behavior I've seen that in the BB Torch 9800 (both device and Simulator). Where as the same code works in other devices such as 9700,9000,9550,8520, all are with OS v5.0.

    Here is my Code of TextBoxField:

    public class TextBoxField extends VerticalFieldManager
    {
        //Define some variables to be used
        //in the class
        private int managerWidth;
        private int managerHeight;
        private EditField editField;
        private String iText;
        private Graphics g1;
        private int myBorderColor;
        private int fillColor;
        private int width;
        private int height;
    
        //Pass in the fixed height and width for our object
        public TextBoxField(int width, int height)//, long style )
        {
            //This call to super will help keep the object in place
            super(Manager.NO_VERTICAL_SCROLL | Manager.USE_ALL_WIDTH);// | Manager.FIELD_HCENTER);
    
            this.width = width;
            this.height = height;
            managerWidth = Display.getWidth() - width;
            managerHeight = height;
    
            //vfm will allow scrolling within the object
            VerticalFieldManager vfm = new VerticalFieldManager(Manager.VERTICAL_SCROLL | Manager.FIELD_VCENTER);
    
            editField = new EditField("", "", EditField.DEFAULT_MAXCHARS, EditField.FOCUSABLE)// | EditField.JUMP_FOCUS_AT_END)
            {
                 public void paint(Graphics g) {
                     //This invalidation will help keep the border clean
                     //while scrolling
                     getManager().invalidate();
                     g.setColor(0xBCBEC0);
                     super.paint(g);
                 }
                 protected void onFocus(int direction) {
                    myBorderColor = 0x469539;
                    TextBoxField.this.invalidate();
                 }
    
                 protected void onUnfocus() {
                    myBorderColor = 0x808285;//0x999999;
                    TextBoxField.this.invalidate();
                }
            };
    
            vfm.add(editField);
            add(vfm);
       }
    
       public void paint(Graphics g)
       {
            managerWidth = Display.getWidth() - 50;
    
            if (managerWidth == 0) {
                managerWidth = width;
    
            }
            if (managerHeight == 0) {
                managerHeight = height;
            }
    
            //Draw a rectangle around out TextBoxField
            //For Border Color
            //int prevColor = g.getColor();
            int prevColor = g.getColor();
            g.setColor(myBorderColor);
            g.drawRoundRect(0, 0, managerWidth, getHeight(), 10, 10);
            g.setColor(prevColor);
    
            //Fills the Rectangle with  color
            g.setColor(Color.WHITE);
            g.fillRect(2, 2, managerWidth-4, getHeight()-4);
    
            super.paint(g);
    
        }
    
        //If this call to sublayout was made by the system then
        //both parameters would be passed with a value of 0.
        //This check and adjustment keeps the fixed properties
        //maintained.
        public void sublayout(int width, int height)
        {
            managerWidth = Display.getWidth() - 50;
           // managerHeight = height;
            if (managerWidth == 0) {
    
                managerWidth = width;
    
            }
            if (managerHeight == 0) {
                managerHeight = height;
            }
            //managerWidth = Display.getWidth() - 50;
            //Force the extent of our manager.
            //This will force the height of the object
            //where the above super.sublayout() call will
            //set the width.
    
            super.sublayout(managerWidth, managerHeight);
            setExtent(managerWidth,managerHeight);
    
        }
    
        //The following two methods allows users of the
        //TextBofField read and set its contents.
        public String getText() {
            return editField.getText();
        }
    
        public void setText(String text) {
            editField.setText(text);
        }
        public void setFont(Font font)
        {
            editField.setFont(font);
        }
    
        public void setFieldChangeListener(FieldChangeListener fl){
            editField.setChangeListener(fl);
        }
    
        public Field getField(){
            return editField;
        }
    
    }
    

    Please help me solve this problem.

    Thank you

    amsiddh.

    Of course, you use the old TextBoxField example, which has a number of problems, the worst being:

            editField = new EditField("", "", EditField.DEFAULT_MAXCHARS, EditField.FOCUSABLE)// | EditField.JUMP_FOCUS_AT_END)
            {
                 public void paint(Graphics g) {
                     //This invalidation will help keep the border clean
                     //while scrolling
                     getManager().invalidate();
                     g.setColor(0xBCBEC0);
                     super.paint(g);
                 }
    

    The highlighted code is causing the flicker.  It just happened is not to affect the older phones too, but it's a wrong code anyway.

    I strongly suggest to read the following article, that you can use as a better starting point:

    TextBoxField revisited

    This article was created to solve the problems with the old. Make sure you read the comments - they have a few ideas on the extension of the feature.

  • Page transition problem

    Hello

    I started to work with indesign to apply the page turn transition to a set of images. However, when I display the result in an HTML page, the effect does not appear and I can only see the first frame.

    I work with cs5.5. What I am doing wrong?

    Thank you.

    Period of Transition of Page InDesign works when exporting a SWF file or an interactive PDF file. It does not work when you export HTML.

  • Base buttons slide show problem

    Hello. I customize a slideshow base Panel. When I place an image in the box of left arrow, right arrow box is filled with the same image. By placing a picture on the box to the right, it is placed on the left too.

    Anyone know how I can do to put a different picture for each arrow?

    Captura de pantalla 2015-07-03 a las 15.35.09.png

    Thank you.

    Hello

    Please, go to the Control Panel options and make sure that "Edit together" is disabled. This will allow you to select different images for the previous buttons and following.

    Concerning

    Vivek

  • I want to subscribe to Lightroom for Windows.  In the future I will probably buy a Mac.  There the transition problems the subscription on Mac?  Y at - it cost?

    A subscription is good for both platforms.  You can even mix them if you want (one of each).

Maybe you are looking for

  • Can I Exchange my 6 for a more than 6?

    I love my iPhone 6 but I got used to the size and would enjoy a much better, I was wondering if I could just trade in my 6 for most, it is undamaged, functioning normally

  • USB/SD. 'disconnect '.

    In the remote past, when the Micro USB cord is connected to the phone and a computer, it was a way to connect and disconnect it in software, before unplugging the power cord physical. When a cable is plugged into the electrification of 2, you can cho

  • States of error Spooler SubSystem App does not work when I print

    When I try to print anything it either tells me that the Spooler SubSystem App does not work.  How can I fix it.  I have reloaded my printer, but still does the same thing.

  • Question of blackBerry Smartphones email filter

    Hi all I saw this topic a lot, so apologies to post again, but I can't seem to get the solution here.  I want to set up a mail filter, and my Curve 8520 does not have the option to filter on it.  I believe that I must do so in line with my PC, so I w

  • Blogger SEO

    If you have a blogger feed to your URL, so the blog is displayed on your website, I think I know that the search engines will see your site as the source of the blog.But I hear so many not having Muse is not a CMS and inability to host articles that