首页 > 代码库 > Android入门——UI(9)

Android入门——UI(9)

SwipRefreshLayout下拉刷新控件

技术分享
<?xml version="1.0" encoding="utf-8"?><android.support.v4.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical" android:layout_width="match_parent"    android:layout_height="match_parent" android:id="@+id/swip_refresh_layout">    <ListView        android:id="@+id/my_list_view_refresh"        android:layout_width="match_parent"        android:layout_height="match_parent"></ListView></android.support.v4.widget.SwipeRefreshLayout>
swip_refresh_layout_index.xml
技术分享
package com.ouc.wkp.ui1;import android.app.Activity;import android.graphics.Color;import android.os.Bundle;import android.os.Handler;import android.support.v4.widget.SwipeRefreshLayout;import android.widget.ArrayAdapter;import android.widget.ListView;import android.widget.Toast;import java.util.ArrayList;import java.util.List;/** * Created by wkp on 2016/8/25. */public class SwipRefreshLayoutDemo extends Activity {    SwipeRefreshLayout swipeRefreshLayout;    ListView listView;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.swip_refresh_layout_index);        swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swip_refresh_layout);        listView = (ListView) findViewById(R.id.my_list_view_refresh);        final List<String> dataList = new ArrayList<>();        for (int i = 0; i < 30; i++) {            dataList.add(i + "");        }        final ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, android.R.id.text1, dataList);        listView.setAdapter(adapter)        ;        swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {            @Override            public void onRefresh() {                new Handler().postDelayed(new Runnable() {                    @Override                    public void run() {                        //true点击后变成刷新状态                        swipeRefreshLayout.setRefreshing(false);                        Toast.makeText(SwipRefreshLayoutDemo.this, "加载完成", Toast.LENGTH_SHORT).show();                        for (int i = 0; i < 20; i++) {                            dataList.add("新加的数据" + i);                        }                        adapter.notifyDataSetChanged();                    }                }, 2000);            }        });        swipeRefreshLayout.setColorSchemeColors(Color.RED, Color.GREEN, Color.BLUE, Color.GRAY);        swipeRefreshLayout.setProgressViewOffset(false,200,300);    }}
SwipRefreshLayout.java

 

DrawerLayout侧滑控制菜单

技术分享
<?xml version="1.0" encoding="utf-8"?><android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <!--第一个子View会作为内容显示区-->    <LinearLayout        android:layout_width="match_parent"        android:layout_height="match_parent">        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="center"            android:text="你所需要显示的内容" />    </LinearLayout>    <!--第二个子View会作为侧滑菜单-->    <!--android:layout_gravity="start"  end  left right-->    <LinearLayout        android:layout_width="150dp"        android:layout_height="match_parent"        android:layout_gravity="left"        android:background="@android:color/white">        <ListView            android:id="@+id/list_view"            android:layout_width="150dp"            android:layout_height="match_parent">        </ListView>    </LinearLayout>    <LinearLayout        android:layout_width="150dp"        android:layout_height="match_parent"        android:layout_gravity="right"        android:background="@android:color/white"        android:orientation="vertical">        <TextView            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:text="退出登录"/>    </LinearLayout></android.support.v4.widget.DrawerLayout>
drawer_layout_index.xml
技术分享
package com.ouc.wkp.ui1;import android.app.Activity;import android.os.Bundle;import android.widget.ArrayAdapter;import android.widget.ListView;import java.util.List;/** * Created by wkp on 2016/8/25. */public class DrawerLayoutDemo extends Activity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.drawer_layout_index);        ListView listView = (ListView) findViewById(R.id.list_view);        ArrayAdapter adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, android.R.id.text1, new String[]{"菜单1", "菜单2", "菜单3", "菜单4", "菜单5"});        listView.setAdapter(adapter);    }}
DrawerLayoutDemo.java

技术分享

 

RecyclerView循环复用控件

首先在这个文件最下面添加一行,注意版本和倒数第二行对应。

技术分享

这个控件有点复杂

技术分享
<?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">    <android.support.v7.widget.RecyclerView        android:id="@+id/recycler_view"        android:layout_width="match_parent"        android:layout_height="match_parent" /></LinearLayout>
recycler_view_index.xml
技术分享
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical" android:layout_width="100dp"    android:layout_height="60dp">    <TextView        android:id="@+id/text_view"        android:layout_width="match_parent"        android:layout_height="match_parent" /></LinearLayout>
item_view_recyclerview.xml
技术分享
package com.ouc.wkp.ui1;import android.app.Activity;import android.os.Bundle;import android.support.v7.widget.GridLayoutManager;import android.support.v7.widget.LinearLayoutManager;import android.support.v7.widget.RecyclerView;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.TextView;/** * Created by wkp on 2016/8/26. */public class RecyclerViewDemo extends Activity {    RecyclerView recyclerView;    String[] dataArr = {"第0项", "第1项", "第2项",            "第0项", "第1项", "第2项",            "第0项", "第1项", "第2项",            "第0项", "第1项", "第2项",            "第0项", "第1项", "第2项",    };    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.recycler_view_index);        recyclerView = (RecyclerView) findViewById(R.id.recycler_view);        //true进行反转        LinearLayoutManager layoutManager = new LinearLayoutManager(this,LinearLayoutManager.HORIZONTAL,false);        //layoutManager        recyclerView.setLayoutManager(new GridLayoutManager(this,3));        MyAdapter adapter = new MyAdapter();        recyclerView.setAdapter(adapter);    }    private class MyAdapter extends RecyclerView.Adapter {        @Override        public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {            //parent表示继承父类 false不能少            View itemView = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_view_recyclerview, parent, false);            MyViewHolder viewHolder = new MyViewHolder(itemView);            return viewHolder;        }        @Override        public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {            ((MyViewHolder) holder).textView.setText("编号:" + position);        }        @Override        public int getItemCount() {            return dataArr.length;        }        private class MyViewHolder extends RecyclerView.ViewHolder {            private TextView textView;            public MyViewHolder(View itemView) {                super(itemView);                textView = (TextView) itemView.findViewById(R.id.text_view);            }        }    }}
RecyclerViewDemo.java

 

Android入门——UI(9)