文字列表示

下記サンプルでは、3つのTextを表示しています。 一つ目は、テキスト領域内に収まる長さの文字列を表示したTextです。 三つ目は、max_wアトリビュートを100と設定した場合の表示例です。 二つ目は三つ目と対比するために同じ長さの文字列をmax_w無しで表示しています。

max_wを設定すると、その範囲内に収まらない文字列は「...」に置き換えられます。 表示範囲が限られているアプリキャストでは、max_wは非常に便利です。

layout.xml


<?xml version="1.0" encoding="UTF-8"?>
<Widget>
  <Component name="widget">
    <Bitmap name="initial-bg"/>
    <Component name="normal">
      <Text name="text1" x="-100" y="-50"/>
      <Text name="text2" x="-100" y="0"/>
      <Text name="text3" x="-100" y="50" max_w="100"/>
    </Component>
    <Component name="focus" visible="0">
    </Component>
    <Component name="active" visible="0">
    </Component>
  </Component>
</Widget>

widget.js


var nodeNormal = getNode("normal");
var nodeText1  = getChildNode(nodeNormal, "Text1");
var nodeText2  = getChildNode(nodeNormal, "Text2");
var nodeText3  = getChildNode(nodeNormal, "Text3");

function onLoad() {
  setStr(nodeText1, "hoge hoge");
  setStr(nodeText2, "hage hage hage hage hage hage hage hage");
  setStr(nodeText3, "hige hige hige hige hige hige hige hige");
}

function onUpKey() {
}

function onDownKey() {
}

function onRightKey() {
}

function onLeftKey() {
}

function onConfirmKey(type) {
}

function onFocus() {
}

function onUnfocus() {
}

function onActivate() {
}


サンプルダウンロード

ウィジェットバンドル : Text.zip

YouTubeチャンネルやってます!