• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• Alloy/画像を表示する へ行く。
  • 1 (2014-01-02 (木) 02:16:18)
  • 2 (2014-01-02 (木) 02:19:45)
  • 3 (2014-01-19 (日) 03:18:59)

../

キーワード†

• Titanium Mobile
• Alloy

目標†

画像を表示してタッチで変更します。

方法†

• Window.js

  <Alloy>
  	<Window>
  		<View>
  			<ImageView id="mark"></ImageView>
  		</View>
  		<View>
  			<Label id="change">Change!</Label>
  		</View>
  	</Window>
  </Alloy>

• Window.tss

  'Window': {
  	layout: 'vertical',
  	backgroundColor: '#90EE90',
  },
  
  'View': {
  	height: Ti.UI.SIZE,
  },
  
  '#mark': {
  	width: 100,
  	height: 100,
  	image: '/mark_ok.png',
  },

• Window.js

  $.change.addEventListener('touchstart', function() {
  	$.mark.image = '/mark_ng.png';
  });

解説†

xml からでも tss からでも js からでも image を指定することができます。パスは /app/assets/ をルートにしたパスです。

参考†

• Titanium Alloyのレイアウトについていろいろ試したメモ２-画像編 - リア充爆発日記
• how to use images by imageView in ALLOY » Community Questions & Answers » Appcelerator Developer Center