首页 > 代码库 > Android listview 制作表格样式+由下往上动画弹出效果实现

Android listview 制作表格样式+由下往上动画弹出效果实现

效果是这样的:点击按下弹出表格的按钮,会由下往上弹出右边的列表,按下返回按钮就由上往下退出界面。

 

布局文件:

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent" >    <Button        android:id="@+id/btnPopup"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentBottom="true"        android:layout_centerHorizontal="true"        android:background="@drawable/bg"        android:layout_marginLeft="8dp"        android:layout_marginRight="8dp"        android:layout_marginBottom="8dp"        android:textColor="@color/white"        android:text="按下弹出表格" />      <LinearLayout        android:id="@+id/ll_popupLayout"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_alignParentBottom="true"        android:visibility="gone" >        <include layout="@layout/business_list" />    </LinearLayout></RelativeLayout>

/Demo1/res/layout/business_list_item.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="300dp"    android:layout_height="wrap_content"    android:layout_gravity="center_horizontal"    android:orientation="horizontal" >    <TextView        android:id="@+id/tv_business"        android:layout_width="wrap_content"        android:layout_height="40dp"        android:layout_weight="1"        android:gravity="center"        android:text="@string/tv_business"        android:textColor="#ff000000"        android:textSize="15sp" />    <TextView        android:id="@+id/tv_business_pay"        android:layout_width="90dp"        android:layout_height="40dp"        android:layout_marginLeft="9dp"        android:layout_marginRight="9dp"        android:gravity="center"        android:text="@string/tv_business_pay"        android:textColor="#ff000000"        android:textSize="15sp" /></LinearLayout>

/Demo1/res/layout/business_list.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/ll_popupLayout"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="#ffffff"    android:orientation="vertical" >    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center_horizontal"        android:layout_marginBottom="5dp"        android:layout_marginTop="5dp"        android:text="已开通查分业务列表"        android:textColor="#ff000000"        android:textSize="15sp" />    <FrameLayout        android:layout_width="match_parent"        android:layout_height="0dp"        android:layout_weight="1" >        <LinearLayout            android:layout_width="300dp"            android:layout_height="wrap_content"            android:layout_gravity="center_horizontal"            android:background="@drawable/banner_bg"            android:orientation="horizontal" >            <TextView                android:id="@+id/tv_business"                android:layout_width="wrap_content"                android:layout_height="40dp"                android:layout_weight="1"                android:gravity="center"                android:text="@string/tv_business"                android:textColor="#ff000000"                android:textSize="15sp" />            <TextView                android:id="@+id/tv_business_pay"                android:layout_width="90dp"                android:layout_height="40dp"                android:layout_marginLeft="9dp"                android:layout_marginRight="9dp"                android:gravity="center"                android:text="@string/tv_business_pay"                android:textColor="#ff000000"                android:textSize="15sp" />        </LinearLayout>        <ListView            android:id="@+id/lv_business"            android:layout_width="300dp"            android:layout_height="match_parent"            android:layout_gravity="center_horizontal"            android:layout_marginTop="40dp"            android:background="@drawable/score_list_bg"            android:cacheColorHint="@color/transparent"            android:divider="@drawable/horizontal_line"            android:listSelector="@color/transparent" />        <ImageView            android:layout_width="wrap_content"            android:layout_height="match_parent"            android:layout_gravity="center_horizontal"            android:layout_marginBottom="2dp"            android:layout_marginLeft="50dp"            android:layout_marginTop="2dp"            android:background="@drawable/vertical_line" />    </FrameLayout>    <Button        android:id="@+id/btnBack"        android:layout_width="80dp"        android:layout_height="48dp"        android:layout_gravity="center_horizontal"        android:layout_marginBottom="5dp"        android:layout_marginTop="5dp"        android:background="@drawable/back_btn_bg"        android:text="返回"        android:textColor="#ffffff" /></LinearLayout>

动画文件:

 /Demo1/res/anim/score_business_query_enter.xml

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android">        <translate        android:fromYDelta="100%p"              android:duration="600"        /></set>

/Demo1/res/anim/score_business_query_exit.xml

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android">           <translate          android:toYDelta="100%p"          android:duration="600"             /></set>

Acitivity

package com.wwj.demo1;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.view.animation.Animation;import android.view.animation.AnimationUtils;import android.widget.Button;import android.widget.LinearLayout;import android.widget.ListView;import android.widget.SimpleAdapter;public class MainActivity extends Activity {    Button btnPopup;    Button btnBack;    ListView listView;    LinearLayout ll_Popup;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        btnPopup = (Button) findViewById(R.id.btnPopup);        ll_Popup = (LinearLayout) findViewById(R.id.ll_popupLayout);        // 加载动画        final Animation animation1 = AnimationUtils.loadAnimation(this,                R.anim.score_business_query_enter);        final Animation animation2 = AnimationUtils.loadAnimation(this,                R.anim.score_business_query_exit);        btnPopup.setOnClickListener(new OnClickListener() {            @Override            public void onClick(View arg0) {                ll_Popup.setVisibility(View.VISIBLE);    // 显示布局                ll_Popup.startAnimation(animation1);    // 开始动画            }        });        btnBack = (Button) findViewById(R.id.btnBack);        btnBack.setOnClickListener(new OnClickListener() {            @Override            public void onClick(View v) {                // TODO Auto-generated method stub                ll_Popup.setVisibility(View.GONE);     // 取出布局                ll_Popup.startAnimation(animation2); // 开始退出动画            }        });        setListAdapter();    }    /**     * 填充列表     */    private void setListAdapter() {        List<Map<String, String>> data = http://www.mamicode.com/new ArrayList<Map<String, String>>();        // 测试数据        for (int i = 0; i < 10; i++) {            Map<String, String> map = new HashMap<String, String>();            map.put("tv_business", "武汉中考查询测试");            map.put("tv_business_pay", "0元/次");            data.add(map);        }        listView = (ListView) findViewById(R.id.lv_business);        SimpleAdapter adapter = new SimpleAdapter(this, data,                R.layout.business_list_item, new String[] { "tv_business",                        "tv_business_pay" }, new int[] { R.id.tv_business,                        R.id.tv_business_pay });        listView.setAdapter(adapter);    }}

文章转载于:http://blog.csdn.net/wwj_748/article/details/9854655

Android listview 制作表格样式+由下往上动画弹出效果实现