1

Android アプリの 1 つをチタン合金に変換しています。以下に示すように、res/drawable フォルダー (custom_btn_genoa.xml) に保持されているボタン用のセレクター xml があります。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
 <item android:state_pressed="true" >
     <shape android:shape="rectangle"  >
         <corners android:radius="3dip" />
         <stroke android:width="1dip" android:color="#20534e" />
         <gradient  android:angle="-90"  android:startColor="#062d30" android:endColor="#4c898e"  />            
     </shape>
 </item>
<item android:state_focused="true">
     <shape android:shape="rectangle"  >
         <corners android:radius="3dip" />
         <stroke android:width="1dip" android:color="#20534e" />
         <solid  android:color="#125156"/>       
     </shape>
 </item>  
<item >
    <shape android:shape="rectangle"  >
         <corners android:radius="3dip" />
         <stroke android:width="1dip" android:color="#20534e" />
         <gradient  android:angle="-90"  android:startColor="#4c898e" android:endColor="#125156" />            
     </shape>
 </item>
</selector>

次に、ボタンのスタイル (values/styles.xml)

<style name="btnStyleGenoa" parent="@android:style/Widget.Button">
   <item name="android:textSize">15sp</item>
   <item name="android:textStyle">bold</item>
   <item name="android:textColor">#FFFFFF</item>
   <item name="android:gravity">center</item>
   <item name="android:shadowColor">#000000</item>
   <item name="android:shadowDx">1</item>
   <item name="android:shadowDy">1</item>
   <item name="android:shadowRadius">0.6</item>
   <item name="android:background">@drawable/custom_btn_genoa</item>
   <item name="android:padding">10dip</item>
   </style>

チタンでは、テキストサイズ、色などを設定できますが、チタン合金でセレクター xml を簡単に実装するにはどうすればよいですか?

4

1 に答える 1

0

Android スタイルから Titanium への変換は 1 対 1 ではなく、一般的に複数のプラットフォーム (iOS、Android、Windows、Blackberry) に適用できるようになっています。この場合 (ボタン セレクターをエミュレートしようとしている場合)、これは Titanium に組み込まれています。これは、セレクターを Alloy xml に近似したものです。

<Alloy>
        <Button id="button" title="Hello" 
                top="10" width="100" height="50" 
                color="#FFF"
                backgroundFocusedColor="#125156" 
                backgroundColor="#125156"  
                backgroundSelectedColor="#4c898e"/>
</Alloy>

backgroundFocused と Selected はそれぞれ、ユーザーがボタンを操作するときに使用する異なる画像または色を指定します。

于 2013-09-26T00:06:31.250 に答える