Antworten zum Thema „Button mit Fade In“

[Bobbi]

Hallo

Ich versuche gerade eine Flash Homepage zusammen zu basteln.
Habe mir Button erstellt die ich gerne eingeblendet haben möchte, also quasi Fade In.
Habe das mit Motion Tween per Alpha probiert, leider funktioniert das ganze nicht.
Ich denke das ich die ActionScrpit erweitern muss, weiß aber leider nicht wie.
Kann mir einer freundlicherweiße hier einer weiter helfen?

Hier ein teil meines codes für die button

button.visible = false;
 
var menu_label:Array = new Array("Home", "About me", "Kontakt");
var total:Number = menu_label.length;
var spacing:Number =25;
var i:Number = 0;
var page:Number;
var main_menu:MovieClip = new MovieClip();
stage.addChild(main_menu);
for( i = 0; i < total; i++ )
{
 var btn = new button();
 btn.name = "btn" + i;
 btn.x = button.x + (button.width + spacing) * i;
 btn.y = button.y;
 btn.item_no = i;
 btn.addEventListener( Event.ENTER_FRAME, btn_enter );
 
 var each_substring:Array = menu_label[i].split("|");  
 btn.item_label.fm_label.text = each_substring[0];  
 btn.item_url = each_substring[1];
 main_menu.addChild(btn);
}

 

[saint44]

AW: Button mit Fade In

nein, du musst das ganze nciht per as machen.
du wandelst deinen button in einen movielcip um ( f8 )
diesen setzt du nun im frame 1 auf alpha 0 und im letzen frame auf alpha 100
den ersten frame belegst du mit stop(); und den letzen auch
danach legst du eine ebene rüber und belegst sie mit:

movielcip.onRelease = function()
{
this.gotoAndPlay (2);
}


hoffe es war so gemeint... mfg saint

 

[Bobbi]

AW: Button mit Fade In

Hallo saint44
Mein Button ist schon als MovieClip hinterlegt
Das habe ich so versucht aber es klappt nicht. Der button kommt trotzdem gleich .
Deshalb wollte ich das per as machen, weiß aber nicht wie

 

[saint44]

AW: Button mit Fade In

lad deine fla datei hoch und ich machs dir

 

[sokie]

AW: Button mit Fade In

diesen setzt du nun im frame 1 auf alpha 0 und im letzen frame auf alpha 100

quark.
wenn man alle schon soweit geschrieben hat, muss man doch nur noch die eventhandler für die Mouseevents setzen und die funktionen für das alpha-tweening.

[COLOR=#000000][COLOR=#0000bb]button[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]visible [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]false[/COLOR][COLOR=#007700];[/COLOR][/COLOR]

wenn du Buttons per alpha einblenden willst, müssen sie schon visible sein, auch ein unsichtbarer button ist bei einem alpha von 1 unsichtbar. setz lieber button.alpha=0.

movielcip.onRelease = function()
{
this.gotoAndPlay (2);
}


hoffe es war so gemeint... mfg saint

nein, war es nicht - hier geht es um AS3. /da gibts kein onRelease etc)

 

[Bobbi]

AW: Button mit Fade In

Hallo Sokie

Habe jetzt deinen Tipp mal ausprobiert
statt

button.visible = false;

habe ich jetzt stehen

button.alpha = 0;

funktioniert aber leider immer noch nicht.
Der Button kommt ohne Fade In sofort:'(

 

[sokie]

AW: Button mit Fade In

[COLOR=#000000][COLOR=#007700]{
 var [/COLOR][COLOR=#0000BB]btn [/COLOR][COLOR=#007700]= new [/COLOR][COLOR=#0000BB]button[/COLOR][COLOR=#007700]();
 [/COLOR][COLOR=#0000BB]btn[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]name [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#DD0000]"btn" [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000BB]i[/COLOR][COLOR=#007700];
 [/COLOR][COLOR=#0000BB]btn[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]x [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]button[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]x [/COLOR][COLOR=#007700]+ ([/COLOR][COLOR=#0000BB]button[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]width [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000BB]spacing[/COLOR][COLOR=#007700]) * [/COLOR][COLOR=#0000BB]i[/COLOR][COLOR=#007700];
 [/COLOR][COLOR=#0000BB]btn[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]y [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]button[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]y[/COLOR][COLOR=#007700];
 btn.alpha = .05
 [/COLOR][COLOR=#0000BB]btn[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]item_no [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]i[/COLOR][COLOR=#007700];
 [/COLOR][COLOR=#0000BB]btn[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]addEventListener[/COLOR][COLOR=#007700]( [/COLOR][COLOR=#0000BB]Event[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]ENTER_FRAME[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000BB]einblenden [/COLOR][COLOR=#007700]);
[/COLOR][/COLOR]

jetzt musst du die funktion aber noch schreiben, die on ENTER_FFRAME ausgeführt werden soll.
zB so etwas

function einblenden(Event):void{
  this.alpha += .05;
}

musst du mal schauen, ob du damit weiter kommst.

 

[Jeopardize]

AW: Button mit Fade In

Moin, versuch es mal mit einem Tween:

import fl.transitions.easing.*;
import fl.transitions.Tween;
function FadeIn(Objekt:DisplayObject):void
{
    var aTween:Tween = new Tween(Objekt, "alpha", None.easeNone, 0, 1, 2, true);
}

Das ist so aus dem Kopf heraus getippt, hoffe mal es ist kein Fehler drin.
Aufruf: FadeIn(btn);

 

[Bobbi]

AW: Button mit Fade In

Hallo Jeopardize

Hat leider nicht geklappt
Und was meinst du mit AUFRUF:FadeIN (btn)

Hi sokie

Deins hat zum teil geklappt, der Button ist jetzt fas unsichtbar
Aber wie bekomme ich jetzt ihn dazu das es auffadet?

 

[saint44]

AW: Button mit Fade In

Ich kenn mich mit As nicht richtig aus... sry wenns falsch ist, aber vielleicht das:

btn.alpha = .05 ->
btn.alpha = .00
keine ahung, vielleicht isses das ja ^^

 

[Jeopardize]

AW: Button mit Fade In

ah du verwendest ja AS2, ist mir gar net aufgefallen
Jetzt sollte es aber gehen:

import mx.transitions.Tween;
function FadeIn(Objekt)
{
    var aTween:Tween = new Tween(Objekt, "_alpha", mx.transitions.easing.None.easeNone, 0, 100, 2, true);
}

FadeIn(btn);

Die Dauer kann man ändern in dem man den Wert ändert:
var aTween:Tween = new Tween(Objekt, "_alpha", mx.transitions.easing.None.easeNone, 0, 100, 2 (Dauer der Animation), true);

 

[Bobbi]

AW: Button mit Fade In

Nein, ich benutze AS3