キーワード†

• 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

添付ファイル: image02.png 879件 [詳細] image01.png 865件 [詳細]