Transition アニメーション (PRIM_ANIM.Transition)

2つのコントロールの変遷をアニメーション化

祖先 - AnimationItemクラス (PRIM_ANIM.AnimationItem) オブジェクト (PRIM_OBJT)

詳細

Transition アニメーションは、 one control から another のコントロールへの変更です。

アニメーションが完了すると、 To パラメータにて参照指定されたコントロールが表示されます。

ほとんどの要件に対して、 Transition メソッドは簡単なソリューションです。

例

この例では、パネルがクリックされると、パネルが代替パネルに、またはその逆に切り替わります。 

     Begin_Com Role(*EXTENDS #PRIM_WEB) Theme(#SYS_THEME<2015Green>) Height(528) Width(1049) Layoutmanager(#TableLayout1) 

        Define_Com Class(#PRIM_VS.Style) Name(#Style1) Backgroundbrush(#Brush1)
        Define_Com Class(#PRIM_VS.SolidBrush) Name(#Brush1) Color(Theme100) 

        Define_Com Class(#PRIM_VS.Style) Name(#Style2) Backgroundbrush(#Brush2)
        Define_Com Class(#PRIM_VS.SolidBrush) Name(#Brush2) Color(Theme500) 

        Define_Com Class(#PRIM_TBLO) Name(#TableLayout1)
        Define_Com Class(#PRIM_TBLO.Column) Name(#Column1) Displayposition(1) Parent(#TableLayout1)
        Define_Com Class(#PRIM_TBLO.Row) Name(#Row1) Displayposition(1) Parent(#TableLayout1)
        Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem1) Column(#Column1) Manage(#Panel1) Parent(#TableLayout1) Row(#Row1)
        Define_Com Class(#PRIM_TBLO.Item) Name(#Panel2Item1) Column(#Column1) Manage(#Panel2) Parent(#TableLayout1) Row(#Row1) 

        Define_Com Class(#prim_anim) Name(#Animation)
        Define_Com Class(#prim_anim.Transition) Name(#Item1) Parent(#Animation) Duration(250) Transitiontype(FadeFromLeft) 

        Define_Com Class(#PRIM_PANL) Name(#Panel1) Displayposition(1) Height(528) Left(0) Parent(#COM_OWNER) Tabposition(2) Tabstop(False) Top(0) Width(1049) Style(#Style1)
        Define_Com Class(#PRIM_PANL) Name(#Panel2) Displayposition(2) Height(528) Left(0) Parent(#COM_OWNER) Tabposition(1) Tabstop(False) Top(0) Width(1049) Style(#Style2) Visible(False) 

        Evtroutine Handling(#Panel1.Click #Panel2.Click) Com_Sender(#Sender) 

           If (#Sender *IsEqualTo #Panel1) 

              #Item1.From <= #Panel1
              #Item1.To <= #Panel2 

           Else 

              #Item1.From <= #Panel2
              #Item1.To <= #Panel1 
 
           Endif 

           #Animation.Start 

        Endroutine 

     End_Com

プロパティ

名前

記述

ComponentClassName

コンポーネントのクラス名です。 オブジェクト (PRIM_OBJT) より継承

ComponentMembers

このコンポーネントの全てにアクセスできるようにします。 オブジェクト (PRIM_OBJT) より継承

ComponentPatternName

コンポーネントのクラスを制限します。 オブジェクト (PRIM_OBJT) より継承

ComponentTag

インスタンス用に値を格納できる汎用スペース オブジェクト (PRIM_OBJT) より継承

ComponentType

ComponentTypeではコンポーネントのタイプ情報にアクセスできます。 オブジェクト (PRIM_OBJT) より継承

ComponentTypeName

ComponentTypeName十分適格なコンポーネントのクラス名です。 オブジェクト (PRIM_OBJT) より継承

Duration

アニメーションを完了までのにかかる時間(ミリ秒) AnimationItemクラス (PRIM_ANIM.AnimationItem) より継承

From

アニメーションの初めに表示するコントロール

Name

コンポーネントの名前 オブジェクト (PRIM_OBJT) より継承

Owner

コンポーネントのオーナーです。 オブジェクト (PRIM_OBJT) より継承

Parent

このアイテムがあるアニメーションへの参照 AnimationItemクラス (PRIM_ANIM.AnimationItem) より継承

StartTime

アニメーションが開始するまでの待ち時間(ミリ秒) AnimationItemクラス (PRIM_ANIM.AnimationItem) より継承

To

アニメーションの最後に表示するコントロール

TransitionType

変遷のタイプ

イベント

名前

記述

CreateInstance

コンポーネントを作成する時にCreateInstanceのイベントを実行します。 Transitionアニメーション (PRIM_ANIM.Transition) より継承

DestroyInstance

コンポーネントが解除される前にDestroyInstanceのイベントを実行します。 Transitionアニメーション (PRIM_ANIM.Transition) より継承


参照

すべてのコンポーネント クラス
テクニカルリファレンス

  • No labels