android 模仿大众点评团购卷列表多余3条时折叠,点击时显示剩余全部的功能
生活随笔
收集整理的這篇文章主要介紹了
android 模仿大众点评团购卷列表多余3条时折叠,点击时显示剩余全部的功能
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
要實現(xiàn)這樣一個效果:加載一組數(shù)據(jù),當這組數(shù)據(jù)的條數(shù)超過2條時,則這顯示兩條,其余的隱藏,當點擊“展開全部時”在顯示余下的部分。效果如下圖所示:
展開前的效果:
展開后的效果
:
實現(xiàn)思路:控制數(shù)據(jù)而不是控制界面。什么意思呢?當頁面加載時,首先判斷加載的數(shù)據(jù)是否大于2,如果小于等于2則直接顯示,如果大于2則將前兩條數(shù)據(jù)存入集合,并給adapter賦值,界面上就只會顯示兩條了,當點擊展開全部時,將所有的數(shù)據(jù)填充到adapter中,并刷新adapter即可。
?
下面是實現(xiàn)的主要代碼:
FlexibleListActivity.java package cn.yw.lib.flexible;import java.util.ArrayList; import java.util.List;import android.app.Activity; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.View.OnClickListener; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ListView; import android.widget.TextView; import cn.yw.lib.R;public class FlexibleListActivity extends Activity implements OnClickListener {private ListView listView;private TextView tv;private FlexibleAdapter adapter = null;private List<String> datas = new ArrayList<String>();private List<String> newDatas = new ArrayList<String>();@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.flexiblelistview_layout);intViews();}private void initDatas(){datas.add("小西點餐廳");datas.add("喜事蛋糕");datas.add("烤香腸");datas.add("火鍋");datas.add("小籠包");}/*** 第一次加載數(shù)據(jù)時,如果數(shù)據(jù)超出3條則只顯示前3條。* 點擊下面的按鈕顯示全部。*/private void firstLoad(){newDatas.addAll(datas.subList(0, 2)); // newDatas.subList(start, end) }private void intViews() {initDatas();//初始化數(shù)據(jù)firstLoad();//顯示第一次要加載的數(shù)據(jù)listView = (ListView) findViewById(R.id.flexible_listview);adapter = new FlexibleAdapter();adapter.setList(newDatas);listView.setAdapter(adapter);tv = (TextView) findViewById(R.id.flexible_tv);tv.setOnClickListener(this);}@Overridepublic void onClick(View v) {switch (v.getId()) {case R.id.flexible_tv:adapter.setList(datas);//顯示所有數(shù)據(jù) adapter.notifyDataSetChanged();tv.setVisibility(View.GONE);break;}}/*** ListView適配器* @author tony**/class FlexibleAdapter extends BaseAdapter {private List<String> datas = new ArrayList<String>();public void setList(List<String> datas) {this.datas = datas;}@Overridepublic int getCount() {return datas.size();}@Overridepublic Object getItem(int arg0) {return datas.get(arg0);}@Overridepublic long getItemId(int arg0) {return arg0;}@Overridepublic View getView(int position, View convertView, ViewGroup arg2) {ViewHolder holder = null;if (convertView == null) {convertView = LayoutInflater.from(FlexibleListActivity.this).inflate(R.layout.flexiblelistview_item, null);holder = new ViewHolder();holder.tv = (TextView) convertView.findViewById(R.id.flexible_item_tv);convertView.setTag(holder);} else {holder = (ViewHolder) convertView.getTag();}holder.tv.setText(datas.get(position));return convertView;}class ViewHolder {TextView tv;}} }xml文件:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><LinearLayoutandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:orientation="vertical" ><ListViewandroid:id="@+id/flexible_listview"android:layout_width="fill_parent"android:layout_height="wrap_content" ></ListView><TextViewandroid:id="@+id/flexible_tv"android:layout_width="fill_parent"android:gravity="center"android:layout_height="wrap_content"android:text="展開顯示全部" /></LinearLayout></LinearLayout>item文件
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><TextView android:id="@+id/flexible_item_tv"android:layout_width="fill_parent"android:layout_height="wrap_content"android:gravity="center_vertical"android:drawableLeft="@drawable/ic_launcher"android:layout_marginLeft="5dip"android:drawablePadding="10dip"/></LinearLayout>代碼的實現(xiàn)效果:
轉(zhuǎn)載于:https://www.cnblogs.com/tony-yang-flutter/p/3757234.html
總結(jié)
以上是生活随笔為你收集整理的android 模仿大众点评团购卷列表多余3条时折叠,点击时显示剩余全部的功能的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: iOS开发:Objective-C优雅的
- 下一篇: 程序员面试什么最重要