11 replies to this topic

[mestreteia]

E aí?

Peguei um ScrollBar para o meu texto. O problema é que o texto tem as dimensões w 416.5 x h 784.9. É um texto dinâmico e eu consigo visualizar na minha página. O problema é que o alcance do scroll está muito limitado. Não chega nem na metade do texto.

O que precisa ser alterado?

Muito obrigado!!!

_____________________________________________________

Veja a resposta no final desta página!!!

Edição feita por: mestreteia, 28/04/2004, 14:19.

[klango]

Há vários tipos de scrool, posta ai seu fla pra dar uma olhada.

[Sheepman]

Você tem que alterar as limitações X e Y do Scroll.
Posta o script do Scroll...

At's

[mestreteia]

muito obrigado. Estou tentando colocar o meu arquivo, ams ta dando erro.

#initclip 1

/*
  FScrollBarClass
  EXTENDS FUIComponentClass
	
*/


FScrollBarClass = function()
{
	if (this._height==4) {
  return;
	}
	this.init();

	this.minPos = this.maxPos = this.pageSize = this.largeScroll = 0;
	this.smallScroll = 1;


	this.width = (this.horizontal) ? this._width : this._height;
	this._xscale = this._yscale = 100;
	this.setScrollPosition(0);
	this.tabEnabled = false;
	if ( this._targetInstanceName.length > 0 ) {
  this.setScrollTarget(this._parent[this._targetInstanceName]);
	}
	this.tabChildren = false;
	this.setSize(this.width);
}

FScrollBarClass.prototype = new FUIComponentClass();



//  ::: PUBLIC METHODS

FScrollBarClass.prototype.setHorizontal = function(flag)
{
	if (this.horizontal && !flag) {
  this._xscale = 100;
  this._rotation = 0;
	} else if (flag && !this.horizontal) {
  this._xscale = -100;
  this._rotation = -90;
	}

	this.horizontal = flag;
}

// updates the thumb, turns the bar on and off
FScrollBarClass.prototype.setScrollProperties = function(pSize, mnPos, mxPos)
{
	if (!this.enable) {
  return;
	}
	this.pageSize = pSize;
	this.minPos = Math.max(mnPos, 0);
	this.maxPos = Math.max(mxPos,0);
	this.scrollPosition = Math.max(this.minPos, this.scrollPosition);
	this.scrollPosition = Math.min(this.maxPos, this.scrollPosition);
	
	if (this.maxPos-this.minPos<=0) { // turn it off
  this.scrollThumb_mc.removeMovieClip();
  this.upArrow_mc.gotoAndStop(3);
  this.downArrow_mc.gotoAndStop(3);
  this.downArrow_mc.onPress = this.downArrow_mc.onRelease = this.downArrow_mc.onDragOut = null;
  this.upArrow_mc.onPress = this.upArrow_mc.onRelease = this.upArrow_mc.onDragOut = null;
  this.scrollTrack_mc.onPress = this.scrollTrack_mc.onRelease = null;
  this.scrollTrack_mc.onDragOut = this.scrollTrack_mc.onRollOut = null;
  this.scrollTrack_mc.useHandCursor = false;
	} else { // turn it on
  var tmp = this.getScrollPosition();
  this.upArrow_mc.gotoAndStop(1);
  this.downArrow_mc.gotoAndStop(1);
  this.upArrow_mc.onPress = this.upArrow_mc.onDragOver = this.startUpScroller;
  this.upArrow_mc.onRelease = this.upArrow_mc.onDragOut = this.stopScrolling;
  this.downArrow_mc.onPress = this.downArrow_mc.onDragOver = this.startDownScroller;
  this.downArrow_mc.onRelease = this.downArrow_mc.onDragOut = this.stopScrolling;
  this.scrollTrack_mc.onPress = this.scrollTrack_mc.onDragOver = this.startTrackScroller; 
  this.scrollTrack_mc.onRelease = this.stopScrolling;
  this.scrollTrack_mc.onDragOut = this.stopScrolling;
  this.scrollTrack_mc.onRollOut = this.stopScrolling;
  this.scrollTrack_mc.useHandCursor = false;
  this.attachMovie("ScrollThumb", "scrollThumb_mc", 3);
  this.scrollThumb_mc._x = 0;
  this.scrollThumb_mc._y = this.upArrow_mc._height;
  this.scrollThumb_mc.onPress = this.startDragThumb;
  this.scrollThumb_mc.controller = this;
  this.scrollThumb_mc.onRelease = this.scrollThumb_mc.onReleaseOutside = this.stopDragThumb;
  this.scrollThumb_mc.useHandCursor=false;
  this.thumbHeight = this.pageSize / (this.maxPos-this.minPos+this.pageSize) * this.trackSize;
  this.thumbMid_mc = this.scrollThumb_mc.mc_sliderMid;
  this.thumbTop_mc = this.scrollThumb_mc.mc_sliderTop;
  this.thumbBot_mc = this.scrollThumb_mc.mc_sliderBot;
  this.thumbHeight = Math.max (this.thumbHeight, 6); // 6 is the smallest a thumb should be
  this.midHeight = this.thumbHeight - this.thumbTop_mc._height - this.thumbBot_mc._height;
  this.thumbMid_mc._yScale = this.midHeight * 100 / this.thumbMid_mc._height;
  this.thumbMid_mc._y =  this.thumbTop_mc._height;
  this.thumbBot_mc._y = this.thumbTop_mc._height + this.midHeight;
  this.scrollTop = this.scrollThumb_mc._y;
  this.trackHeight = this.trackSize - this.thumbHeight;
  this.scrollBot = this.trackHeight + this.scrollTop; 
  tmp = Math.min(tmp, this.maxPos);
  this.setScrollPosition(Math.max(tmp, this.minPos));
	}
}

FScrollBarClass.prototype.getScrollPosition = function ()
{
	return this.scrollPosition;
}

FScrollBarClass.prototype.setScrollPosition = function(pos)
{
	this.scrollPosition = pos;
	if (this.scrollThumb_mc!=undefined) {
  pos = Math.min(pos, this.maxPos);
  pos = Math.max(pos, this.minPos);
	}
	this.scrollThumb_mc._y = ((pos-this.minPos) * this.trackHeight / (this.maxPos-this.minPos)) + this.scrollTop;
	this.executeCallBack();
}

FScrollBarClass.prototype.setLargeScroll = function(lScroll)
{
	this.largeScroll = lScroll;	
}

FScrollBarClass.prototype.setSmallScroll = function(sScroll)
{
	this.smallScroll = sScroll;	
}

FScrollBarClass.prototype.setEnabled = function(enabledFlag)
{
	var wasEnabled = this.enable;
	if (enabledFlag && !wasEnabled) {
  this.enable = enabledFlag;
  if (this.textField!=undefined) {
 	 this.setScrollTarget(this.textField);
  } else {
 	 this.setScrollProperties(this.pageSize,
     	 this.cachedMinPos, this.cachedMaxPos);
 	 this.setScrollPosition(this.cachedPos);
  }
  this.clickFilter = undefined;
	} else if (!enabledFlag && wasEnabled) { 
  this.textField.removeListener(this);
  this.cachedPos = this.getScrollPosition();
  this.cachedMinPos = this.minPos;
  this.cachedMaxPos = this.maxPos;
  if (this.clickFilter==undefined) {
 	 this.setScrollProperties(this.pageSize,0,0);
  } else {
 	 this.clickFilter=true;
  }
  this.enable = enabledFlag;
	}
}


// stretches the track, creates + positions arrows
FScrollBarClass.prototype.setSize = function(hgt)
{
	if (this._height==1) return;
	this.width = hgt;
	this.scrollTrack_mc._yscale = 100;
	this.scrollTrack_mc._yscale = 100 * this.width / this.scrollTrack_mc._height;
	if (this.upArrow_mc==undefined) {
  this.attachMovie("UpArrow", "upArrow_mc", 1);   //1 is arbitrary
  this.attachMovie("DownArrow", "downArrow_mc", 2);   //2 is arbitrary
  this.downArrow_mc.controller = this.upArrow_mc.controller = this;
  this.upArrow_mc.useHandCursor = this.downArrow_mc.useHandCursor = false;
  this.upArrow_mc._x = this.upArrow_mc._y = 0;
  this.downArrow_mc._x = 0;
	}
	this.scrollTrack_mc.controller = this;
	this.downArrow_mc._y = this.width - this.downArrow_mc._height;
	this.trackSize = this.width - (2 * this.downArrow_mc._height);
	if (this.textField!=undefined) {
  this.onTextChanged();
	} else {
  this.setScrollProperties(this.pageSize, this.minPos, this.maxPos);
	}
}


//   ::: PRIVATE METHODS

FScrollBarClass.prototype.scrollIt = function (inc, mode)
{
	var delt = this.smallScroll;
	if (inc!="one") {
  delt = (this.largeScroll==0) ? this.pageSize : this.largeScroll;
	} 
	var newPos = this.getScrollPosition() + (mode*delt);
	if (newPos>this.maxPos) {
  newPos = this.maxPos;
	} else if (newPos<this.minPos) {
  newPos = this.minPos;
	}
	this.setScrollPosition(newPos);
}

FScrollBarClass.prototype.startDragThumb = function()
{
	this.lastY = this._ymouse;
	this.onMouseMove = this.controller.dragThumb;
}

FScrollBarClass.prototype.dragThumb = function()
{
	this.scrollMove = this._ymouse - this.lastY;
	this.scrollMove += this._y;
	if (this.scrollMove<this.controller.scrollTop) {
  this.scrollMove = this.controller.scrollTop;
	}
	else if (this.scrollMove>this.controller.scrollBot) {
  this.scrollMove = this.controller.scrollBot;
	}
	this._y = this.scrollMove;
	var c = this.controller;
	c.scrollPosition = Math.round( (c.maxPos-c.minPos) * (this._y - c.scrollTop) / c.trackHeight) + c.minPos;

	this.controller.isScrolling = true;
	updateAfterEvent();
	this.controller.executeCallBack();
}

FScrollBarClass.prototype.stopDragThumb = function()
{
	this.controller.isScrolling = false;
	this.onMouseMove = null;
}

FScrollBarClass.prototype.startTrackScroller = function()
{
	this.controller.trackScroller();
	this.controller.scrolling = setInterval(this.controller, "scrollInterval", 500, "page", -1);
}

FScrollBarClass.prototype.scrollInterval = function(inc,mode)
{
	clearInterval(this.scrolling);
	if (inc=="page") {
  this.trackScroller();
	} else {
  this.scrollIt(inc,mode);
	}
	this.scrolling = setInterval(this, "scrollInterval", 35, inc, mode);
}

FScrollBarClass.prototype.trackScroller = function()
{
	if (this.scrollThumb_mc._y+this.thumbHeight<this._ymouse) {
  this.scrollIt("page",1);
	} else if (this.scrollThumb_mc._y>this._ymouse) {
  this.scrollIt("page",-1);
	}
}

FScrollBarClass.prototype.stopScrolling = function()
{
	this.controller.downArrow_mc.gotoAndStop(1);
	this.controller.upArrow_mc.gotoAndStop(1);
	clearInterval(this.controller.scrolling);
}

FScrollBarClass.prototype.startUpScroller = function()
{
	this.controller.upArrow_mc.gotoAndStop(2);
	this.controller.scrollIt("one",-1);
	this.controller.scrolling = setInterval(this.controller, "scrollInterval",500, "one", -1);
}

FScrollBarClass.prototype.startDownScroller = function()
{
	this.controller.downArrow_mc.gotoAndStop(2);
	this.controller.scrollIt("one",1);
	this.controller.scrolling = setInterval(this.controller, "scrollInterval", 500, "one", 1);
}


//
// Begin Special text scroller functions
//


FScrollBarClass.prototype.setScrollTarget = function(tF)
{
	if (tF == undefined) {
  this.textField.removeListener(this);
  delete this.textField[ (this.horizontal) ? "hScroller" : "vScroller" ]; 
  if (!(this.textField.hScroller==undefined) && !(this.textField.vScroller==undefined)) {
 	 this.textField.unwatch("text");
 	 this.textField.unwatch("htmltext");
  }
	}
	this.textField = undefined;
	if (!(tF instanceof TextField)) return;
	this.textField = tF;
	this.textField[ (this.horizontal) ? "hScroller" : "vScroller" ] = this; 
	this.onTextChanged();
	this.onChanged = function()
	{
  this.onTextChanged();
	}
	this.onScroller = function()
	{
  if (!this.isScrolling) {
 	 if (!this.horizontal) {
    this.setScrollPosition(this.textField.scroll);
 	 } else { 
    this.setScrollPosition(this.textField.hscroll);
 	 }
  }
	}
	this.textField.addListener(this);
	this.textField.watch("text", this.callback);
	this.textField.watch("htmlText", this.callback);
}

FScrollBarClass.prototype.callback = function(prop, oldVal, newVal)
{
	clearInterval(this.hScroller.synchScroll);
	clearInterval(this.vScroller.synchScroll);
	this.hScroller.synchScroll = setInterval(this.hScroller, "onTextChanged", 50);
	this.vScroller.synchScroll = setInterval(this.vScroller, "onTextChanged", 50);
	return newVal;
}


FScrollBarClass.prototype.onTextChanged = function()
{
	if (!this.enable || this.textField==undefined) return;
	clearInterval(this.synchScroll);
	if (this.horizontal) {
  var pos = this.textField.hscroll;
  this.setScrollProperties(this.textField._width, 0, this.textField.maxhscroll);
  this.setScrollPosition(Math.min(pos, this.textField.maxhscroll));
	} else {
  var pos = this.textField.scroll;
  var pageSize = this.textField.bottomScroll - this.textField.scroll;
  this.setScrollProperties(pageSize, 1, this.textField.maxscroll);
  this.setScrollPosition(Math.min(pos, this.textField.maxscroll));
	}
}

FScrollBarClass.prototype.executeCallBack = function()
{
	if (this.textField==undefined) {
  super.executeCallBack();
	} else {
  if ( this.horizontal ) {
 	 this.textField.hscroll = this.getScrollPosition();
  } else {
 	 this.textField.scroll = this.getScrollPosition();
  }
	}
}





Object.registerClass("FScrollBarSymbol", FScrollBarClass);

#endinitclip

[Sheepman]

Não precisa do arquivo, somente o script.

At's

[mestreteia]

os actionsScripts são muito longos. Já tentei alterar algumas variáveis, sem sucesso. Tudo isso porque o scrollBar do FlashMX não reconhece o tamanho total do meu texto.



Existe algum scroll que eu possa criar sem ter que utilizar o do Flash?

Muito obrigado, Sheep!!!

[Sheepman]

Bom, eu ainda não analisei o seu Script, mas tem um do Neto Leal que apesar de eu não ter testado parece ser bom:
http://netoleal.com....wtopic.php?t=75

Dá uma olhada, pode ser que sirva

At's

[MajoraP]

Pega a minha barra de rolagem, ela eu garanto...

Você não precisa modificar ação nenhuma para aumentar o tamanho limite, ela já identifica o tamanho sózinha...

Se você tiver problemas com ela, post aqui ou me procure...

E se você não quer usa-la, vai pro inferno então

Attached Files

•  rolagem.fla   40KB   48 downloads

[mestreteia]

valeu, mesmo, pessoal.

só naum tô conseguindo abrir o link da barra. tenta mandar pro minhastaras@yahoo.com.br (naum riam do meu e-mail).

BRIGADÃO!!!

[mestreteia]

Resolvido o problema!!!!


O que acontecia:

1- O palco tinha 200 de altura x 400 de largura;
2- Criei uma caixa de texto dinâmica, sendo que o meu texto tem 798 pixels de altura;
3- Expandi a minha caixa de texto para os 798 pixels (meu erro), mantendo os mesmos 200 pixels para o palco;

Solução óbvia:

Ao escolher a opção Texto Dinâmico, quando vc clica no corpo do texto com o botão direito, aparece a opção Srollable, o que permite fazer com que o texto fique completo, mesmo se a caixa for menor. Ou seja, se vc selecionar o texto, ele irá rolar dentro da caixa de texto.

Logo a caixa de texto tem que ter 200 pixels indepente do tamanho do texto. E o Scrollbar tem que ter o mesmo tamanho da caixa de texto (200 pixels).

Agora é só personalizar os botões e tudo o mais.

Simples!!!

Muito obrigado a todos que estiveram dispostos a me ajudar.

[MajoraP]

Ainda acho que minha barra de rolagem é mais simples...

[mestreteia]

Valeu, cara, mas eu naum consegui abrir. Dava erro de página naum encontrada.
O problema da barra do flash é que vc tem muito trabalho para alterar os botões.

Tenta mandar a sua barra praquele meu e-mail.