Spark Snapping

[TheLight]

Hallo,
einige Spark Componenten haben jetzt nicht mehr standardmäßig Snapping aktiviert.

Mit Snapping meine ich das zB: beim Scrollen einer eines Texts jeweil zeilenweise gescrollt wird und nicht frei.

Selbiges bei einer Spark Liste.

Hier zB: eine MX TileList mit Snapping:
Creating a simple image gallery with the Flex TileList control | Flex Examples

Wie bringt man sowas wieder zurück in Spark Komponenten?

Spannend wäre es eine TextArea mit 'Seitenweise-Snapping' zu implementieren.

[Omega Psi]

Da Komponenten in Flex 4 standardmäßig keinen Scroller mitbringen, werden diese in einen Scroller hinzugefügt. Der Scroller aggregiert zwei ScrollBars, die wiederum horizontalScrollPosition verticalScrollPosition der IViewPort Instanz setzen.

Erbend von der Range Komponente, besitzen ScrollBar Instanzen die Eigenschaften snapInterval und stepSize.

Beim Überfliegen der API würde ich sagen, setze die snapIntervall Property auf die rowHeight des Layous der Liste (in Bezug auf das Beispiel) und damit sollte der gewünschte Effekt erzielt werden können.

Ohne Gewähr jedoch, da ungetestet.

[TheLight]

Hi,
danke für diue Antwort, ja mit snapIntervall hab ich schon mal rumprobiert.

Hat aber weniger gut geklappt :)

Ich poste meine versuche hier mal wenn ich Zeit finde.

Danke!

[Omega Psi]

In Verbindung mit stepSize?

[TheLight]

Zitat von Omega Psi

Da Komponenten in Flex 4 standardmäßig keinen Scroller mitbringen,

Hallo,
die Spark TextArea hat einen Scroller.

Doch wie komme ich an 'snapIntervall' und 'stepSize' ran? B.z.w. wie finde ich sowas generell?
Dann kann ich uns die Frage beim folgenden Mal sparen.

Danke fuer deine Zeit!

[Omega Psi]

AdobeFlex4BetaLanguageReference

Ja, ich drückte mich unglücklich ausbzgl des Scroller. Es sollte heissen:

Da Komponenten in Flex 4 standardmäßig keine ScrollBars mitbringen, werden diese in einen Scroller hinzugefügt.

Und an die ScrollBars solltest du kommen via:

var textArea:TextArea = new TextArea();
textArea.addEventListener(FlexEvent.INITIALIZE, textArea_initializeHandler);

function textArea_initializeHandler(event:FlexEvent):void
{
  textArea.removeEventListener(FlexEvent.INITIALIZE, textArea_initializeHandler);

  if (textArea.scroller && textArea.scroller.horizontalScrollBar)
  {
    var horizontalScrollBar:HScrollBar = textArea.scroller.horizontalScrollBar;
  }
  // vertical scrollbar respectively.
}

Naiv gedacht, sollte das so funktionieren.

[TheLight]

Hallo,
das sieht gut aus, ich komme jetzt also so an die Parameter:

var horizontalScrollBar:HScrollBar = textArea.scroller.horizontalScrollBar;
     horizontalScrollBar.snapInterval = 10;
     horizontalScrollBar.stepSize= 10;

Allerdings passiert nichts wenn ich die Werte setze ?

[Omega Psi]

var horizontalScrollBar:HScrollBar = textArea.scroller.horizontalScrollBar;
if (horizontalScrollBar)
{
  horizontalScrollBar.setStyle("smoothScrolling", false)
  horizontalScrollBar.snapInterval = 10;
  horizontalScrollBar.stepSize= 10;
}

? Ist es das vielleicht schon?

[TheLight]

Leider nicht :/

[TheLight]

OK klappt ! aber anders als erwartet.

Und zwar wenn ich die Parameter auf ueber 100 setze wird der Effekt erst sichtbar!

Jetzt gilt er herauszufinden warum z.B. textArea.scroller.viewport.contentHeight

fuer ein bisschen Text groesser als 2800 ist

[Omega Psi]

Was ist der Minimalcode für das Snapping? Meine drei Zeilen?

Und danke für das Feedback!

[TheLight]

Zitat von Omega Psi

Was ist der Minimalcode für das Snapping? Meine drei Zeilen?

Und danke für das Feedback!

Hi,
ist noch zu klären

Hintergrundinfos:
Plan ist es folgende Lösung mit Spark umzusetzen:
http://www.ansolas.de/dev/releases/D...icTextBox.html

Momentan verwende ich Efflex Viewstack Effecte, welche auch loswerden möchte.

Ich probiere gerade rum mit dem Animieren von Spark Listen oder HGroups.

Danke fürs lesen und Helfen.

[TheLight]

Hi,
iwe kann ich jetzt die Animation von den next/prev buttons auch mit dem Slider Triggern?

In dem Beispiel auf das ich hier aufbaue ist NavigationUnit.PAGE_LEFT verwendet.

Was ich jetzt Suche ist die ScrollPosition der einzelnen Elemente in der HGroup.

Gruss und Danke !

Scroll Container
Rechtsclick View Code

[TheLight]

Hallo,
ok ich habe es hinbekommen

Allerdings gibt es auch schon wieder eine neue Herausforderung:

Momentan 'stelle' ich mit dem Slider start und end Position eines Tweens ein.
Sobald ich den Slider loslasse erfolgt die Animation.

Mit Live dragging geriet das Tweenen in Turbolenzen. (siehe Beispiel)

Wie kann ich dieses Animation jetzt live mit dem Slider triggern?
Also das die Animation bei jedem Wertesprung automatisch funktioniert.


Test5

[TheLight]

Tja Heute scheint eine Guter Tag fuer mich zu sein,

Hier eine gut funktionierende Lösung:

Slide Container v.6

Schöner wäre natürlich das Verwenden einer <s:List/> dann hätte man einen DataProvider.

Aber das animieren von
List.scroller.horizontalScrollBar.valuehat bisher noch nicht geklappt:

<s:Animate id="anim" duration="500" target='{hGr.scroller.horizontalScrollBar}'><-- das hier?
			
<s:motionPaths>
				<s:SimpleMotionPath id="pth" property="value" />hier value ?
			</s:motionPaths>
</s:Animate>