ListView进阶系列之一 内容顺序淡淡显示
listView可以说是用的最多的控件之一了,给listview添加特效,将是日后开发中在所难免的事情。
实现一个简单的listview显示
这个大家应该是相当熟悉了。
q 在布局文件中添加ListView控件。(main.xml)
q 再在Layout中新建一个ListView每一项要显示的内容。(lvitem.xml)
q 在代码中得到ListView的引用,为其设置适配器,添加数据。(DemoActivity.java)
这个就不多说了,直接看代码吧:
main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<ListView
android:id="@+id/listv"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:scrollbars="vertical"
android:layoutAnimation="@anim/animationlayout"
/>
<Button
android:id="@+id/buttonId"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="测试"
/>
</LinearLayout>
lvitem.xml
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/lvitem"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:stretchColumns ="*"
>
<TableRow>
<TextView
android:id="@+id/tvname"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
</TextView>
<TextView
android:id="@+id/tvage"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
</TextView>
<TextView
android:id="@+id/tvsex"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
</TextView>
</TableRow>
</TableLayout>
DemoActivity.java
package cn.edu.heut.zcl;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.app.Activity;
import android.app.ListActivity;
import android.content.Context;
import android.os.Bundle;
import android.widget.ListView;
import android.widget.SimpleAdapter;
public class DemoActivity extends Activity {
/** Called when the activity is first created. */
ListView lv;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
lv = (ListView)findViewById(R.id.listv);
List<Map<String, String>> data = new ArrayList<Map<String,String>>();
for(int i=0;i<10;i++){
Map<String,String> map = new HashMap<String,String>();
map.put("name","n"+i );
map.put("age","age"+i );
map.put("sex","s"+i );
data.add(map);
}
String[] from = {"name","age","sex"};
int[] to = {R.id.tvname,R.id.tvage,R.id.tvsex};
SimpleAdapter sa = new SimpleAdapter(this, data, R.layout.lvitem, from, to);
lv.setAdapter(sa);
}
}
添加特效
这里才是本文重点,listview的特效是通过Animation实现,首先在res中添加文件夹anim,在其中新建一个animationSet的xml,animatonset1.xml,在其中添加要使用的特效,特效的添加参考本博客的Animation系列教程。
之后要使用LayoutAnimationController,这里简要介绍一下该类的作用。
q LayoutAnimationController用于为一个Layout里面的控件,或者是一个ViewGroup里面的控件设置动画效果。
q 每一个控件将会拥有相同的动画效果。
q 可以设置每个控件的动画效果的时间,这些工作可以在xml中也可以在代码中实现。
具体实现情况代码:animationlayout.xml。在代码中将使用android:animation="@anim/animatonset1"引用之前的animation。
最后就可以为已经写好的listview添加动画效果。添加的方式很简单,只要在listview的xml文件声明处使用android:layoutAnimation="@anim/animationlayout"就可。
看代码
animatonset1
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator"
android:shareInterpolator="true">
<alpha
android:fromAlpha="0.0"
android:toAlpha="1.0"
android:duration="1000" />
</set>
animationlayout
<?xml version="1.0" encoding="utf-8"?>
<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
android:delay="0.5"
android:animationOrder="random"
android:animation="@anim/animatonset1" />