2011.07.12（三）——— android ui的一些概念

2011.07.12（3）——— android ui的一些概念
2011.07.12（3）——— android ui的一些概念

1、anim

参考：http://www.moandroid.com/?p=790

位置：res/anim文件夹内

主要内容：

alpha        渐变透明度动画效果scale        渐变尺寸伸缩动画效果translate  画面转换位置移动动画效果rotate      画面转移旋转动画效果

调用方式：

Animation anim = AnimationUtils.loadAnimation(this,R.anim.activity);  findViewById(R.id.update_body).startAnimation(anim); 

举例：
zoomin的效果

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android">    <scale android:interpolator="@android:anim/accelerate_decelerate_interpolator"        android:fromXScale="0.0"         android:toXScale="1.0"         android:fromYScale="0.0"        android:toYScale="1.0"         android:pivotX="50%"         android:pivotY="50%"        android:fillAfter="true"         android:duration="1500" /> <alpha android:interpolator="@android:anim/accelerate_decelerate_interpolator"        android:fromAlpha="0.0"         android:toAlpha="1.0"         android:duration="1500" /></set>

2、 drawable

参考：http://dev.10086.cn/cmdn/wiki/index.php?doc-view-6087.html

位置：res/drawable

主要内容：

<shape>      <!-- 实心 -->      <solid android:color="#ff9d77"/>      <!-- 渐变 -->      <gradient          android:startColor="#ff8c00"          android:endColor="#FFFFFF"          android:angle="270" />      <!-- 描边 -->      <stroke          android:width="2dp"          android:color="#dcdcdc" />      <!-- 圆角 -->      <corners          android:radius="2dp" />      <padding          android:left="10dp"          android:top="10dp"          android:right="10dp"          android:bottom="10dp" />  </shape>  

调用方式：

android:background="@drawable/item_selector"

举例：

<?xml version="1.0" encoding="utf-8"?><selector    xmlns:android="http://schemas.android.com/apk/res/android">      <item android:state_pressed="true" >          <shape>              <!-- 渐变 -->              <gradient                  android:startColor="#ff8c00"                  android:endColor="#FFFFFF"                  android:type="radial"                  android:gradientRadius="50" />              <!-- 描边 -->              <stroke                  android:width="2dp"                  android:color="#dcdcdc"                  android:dashWidth="5dp"                  android:dashGap="3dp" />              <!-- 圆角 -->              <corners                  android:radius="2dp" />              <padding                  android:left="10dp"                  android:top="10dp"                  android:right="10dp"                  android:bottom="10dp" />          </shape>      </item>      <item android:state_focused="true" >          <shape>              <gradient                  android:startColor="#ffc2b7"                  android:endColor="#ffc2b7"                  android:angle="270" />              <stroke                  android:width="2dp"                  android:color="#dcdcdc" />              <corners                  android:radius="2dp" />              <padding                  android:left="10dp"                  android:top="10dp"                  android:right="10dp"                  android:bottom="10dp" />          </shape>      </item>      <item>                <shape>              <solid android:color="#ff9d77"/>              <stroke                  android:width="2dp"                  android:color="#fad3cf" />              <corners                  android:topRightRadius="2dp"                  android:bottomLeftRadius="2dp"                  android:topLeftRadius="2dp"                  android:bottomRightRadius="2dp"              />              <padding                  android:left="10dp"                  android:top="10dp"                  android:right="10dp"                  android:bottom="10dp" />          </shape>      </item>  </selector> 

3、style

参考：http://www.moandroid.com/?p=909

位置：res/values/styles.xml

主要内容：

给<style>元素增加一个全局唯一的名字，也可以选择增加一个父类属性。在后边我们可以用这个名字来应用风格，而父类属性标识了当前风格是继承于哪个风格。在<style>元素内部，申明一个或者多个<item>，每一个<item>定义了一个名字属性，并且在元素内部定义了这个风格的值

调用方式：

style=”@style/DavidStyleText1″

还有一种 如以前popupwindow的调用方式：

popupWindow.setAnimationStyle(R.style.AnimationPreview);  

举例：

<?xml version=”1.0″ encoding=”utf-8″?><resources><style name=”DavidStyleText1″>  <item name=”android:textSize”>18sp</item>  <item name=”android:textColor”>#EC9237</item></style><style name=”DavidStyleText2″>  <item name=”android:textSize”>14sp</item>  <item name=”android:textColor”>#FF7F7C</item>  <item name=”android:fromAlpha”>0.0</item>  <item name=”android:toAlpha”>0.0</item></style><style name="AnimationPreview">  <item name="android:windowEnterAnimation">@anim/popupwindow</item></style></resources>

4、Themes

参考：http://www.moandroid.com/?p=918

位置：res/values/styles.xml

主要内容：
就像Style一样，Theme依然在<style>元素里边申明，也是以同样的方式引用。不同的是通过在Android Manifest中定义的<application>和<activity>元素将主题添加到整个程序或者某个 Activity，但是主题是不能应用在某一个单独的View里。

调用方式：

<application android:theme=”@style/NewTheme”>

<activity android:theme=”@android:style/Theme.Dialog”>

setTheme(R.style.NewTheme);setContentView(R.layout.main);

举例：

<?xml version=”1.0″ encoding=”UTF-8″?><resources><style name=”NewTheme” parent=”android:Theme.Black”><item name=”android:windowNoTitle”>true</item><item name=”android:textSize”>14sp</item><item name=”android:textColor”>#FFFF0000</item></style></resources>

查看更多 下一篇