ガイドプロンプト

動作

TextFieldやTextAreaなどのコントロールに、入力ガイドプロンプトを表示する。

 

バージョン

Curl Advanced UI 0.5

API説明

CoreTextFieldクラス

  Advanced UIのTextField基本クラスです。 

パッケージ

  COM.CURLAP.ADVANCED-UI.CONTROLS

スーパークラス

  TextField

コンストラクタ

  default
    キーワード引数(prompt:#String = null):プロンプト文字列
    キーワード引数(prompt-color:FillPattern = “grey”):プロンプト文字列の色
    キーワード引数(prompt-background = “white”):プロンプト文字列の背景色

メソッド

  なし

CoreTextAreaクラス

  Advanced UIのTextArea基本クラスです。 

パッケージ

  COM.CURLAP.ADVANCED-UI.CONTROLS

スーパークラス

  TextArea

コンストラクタ

  default
    キーワード引数(prompt:#String = null):プロンプト文字列
    キーワード引数(prompt-color:FillPattern = “grey”):プロンプト文字列の色
    キーワード引数(prompt-background = “white”):プロンプト文字列の背景色

メソッド

  なし

CoreDateFieldクラス

  Advanced UIのDateField基本クラスです。 

パッケージ

  COM.CURLAP.ADVANCED-UI.CONTROLS

スーパークラス

  DateField

コンストラクタ

  default
    キーワード引数(prompt:#String = null):プロンプト文字列
    キーワード引数(prompt-color:FillPattern = “grey”):プロンプト文字列の色
    キーワード引数(prompt-background = “white”):プロンプト文字列の背景色

メソッド

  なし

利用方法

ガイドプロンプトを利用するには、コンストラクタ呼び出し時にprompt, prompt-color, prompt-backgroundを指定します。

{curl 6.0 applet}
{curl-file-attributes character-encoding = “shift-jis”}
{applet manifest = “manifest.mcurl”}

{import * from COM.CURLAP.ADVANCED-UI.CONTROLS}
{import * from COM.CURL.GUI.STYLED-CONTROLS}
{install-style-sheet {manifest-url “file”, “DEFAULT-STYLE-SHEET”}}

{value

    {spaced-vbox
       
        {text Normal TextField},
        {TextField},
        {TextField prompt = “入力してね。”},

        {text GuidePrompt TextField},
        {CoreTextField},
        {CoreTextField prompt = “入力してね。”},
        {CoreTextField prompt-background = “pink”},
        {CoreTextField control-content-background = “pink”},
        {CoreTextField
            prompt = “入力してね。”,
            prompt-color = “red”,
            prompt-background = “pink”,
            control-content-background = “yellow”,
            color = “green”
        },

        {text Normal DateField},
        {DateField},
        {DateField prompt = “入力してね。”},

        {text GuidePrompt DateField},
        {CoreDateField},
        {CoreDateField prompt = “入力してね。”},
        {CoreDateField prompt-background = “pink”},
        {CoreDateField control-content-background = “pink”},
        {CoreDateField
            prompt = “入力してね。”,
            prompt-color = “red”,
            prompt-background = “pink”,
            control-content-background = “yellow”,
            color = “green”
        },

        {text Normal TextArea},
        {TextArea},
        {TextArea prompt = “入力してね。”},

        {text GuidePrompt TextArea},
        {CoreTextArea},
        {CoreTextArea prompt = “入力してね。”},
        {CoreTextArea prompt-background = “pink”},
        {CoreTextArea control-content-background = “pink”},
        {CoreTextArea
            height = 2cm,
            width = 2cm,
            prompt-color = “white”,
            prompt-background = {url “images/curl-waves-32.gif”}
        }

    }
}

 

サンプル

ガイドプロンプト

関連Curl標準API

TextField
TextArea
DateField