效果
介绍:利用viewpage 实现图片滑动并显示上一张图片与下一张图片的部分区域
代码
xml布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clipChildren="false"
android:id="@+id/linearLayout"
tools:context=".Main2Activity">
<android.support.v4.view.ViewPager
android:id="@+id/vp"
android:clipChildren="false"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginLeft="100dp"
android:layout_marginRight="100dp"
>
</android.support.v4.view.ViewPager>
</LinearLayout>
activity布局
package com.example.zhongguo;
import android.support.annotation.NonNull;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import java.util.ArrayList;
public class Main2Activity extends AppCompatActivity {
private ViewPager vp;
private ArrayList<ImageView> list = new ArrayList<>();
private Myadpater myadpater;
int[] res = new int[]{R.mipmap.view1, R.mipmap.view2, R.mipmap.view3, R.mipmap.view4};
private LinearLayout linearLayout;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main2);
vp = (ViewPager) findViewById(R.id.vp);
linearLayout = (LinearLayout) findViewById(R.id.linearLayout);
for (int i = 0; i < res.length; i++) {//拿到每一个资源
ImageView imageView = new ImageView(this);
imageView.setImageResource(res[i]);
}
myadpater = new Myadpater(list);
vp.setAdapter(myadpater);
vp.setOffscreenPageLimit(3);//设置幕后缓存数
vp.setPageMargin(10);//设置滑动页边距
linearLayout.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
return vp.dispathTouchEvent(event);
}
});
}
public class Myadpater extends PagerAdapter {
private ArrayList<ImageView> imageViews;
public Myadpater(ArrayList<ImageView> imageViews) {
this.imageViews = imageViews;
}
@Override
public int getCount() {
return imageViews.size();
}
@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object o) {
return view == o;
}
@NonNull
@Override//产生一个新的视图 把控件添加到viewpager上
public Object instantiateItem(@NonNull ViewGroup container, int position) {
container.addView(imageViews.get(position));//添加
return imageViews.get(position);//返回到添加的视图上
}
@Override//移除一张图片
public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
container.removeView(imageViews.get(position));
}
}
}
效果
介绍:向左滑动出现删除按钮.点击删除
activity中的xml布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<android.support.v7.widget.RecyclerView
android:id="@+id/recycler"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
</android.support.v7.widget.RecyclerView>
</LinearLayout>
activity中的代码
package com.example.monthpractise;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import java.util.ArrayList;
public class MainActivity extends AppCompatActivity {
private RecyclerView recycler;
private ArrayList<String> strings = new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
recycler = (RecyclerView) findViewById(R.id.recycler);
strings.add("好好学习");
strings.add("天天向上");
strings.add("好好学习");
strings.add("天天向上");
LinearLayoutManager manager = new LinearLayoutManager(this);
recycler.setLayoutManager(manager);
RVAdapter adapter = new RVAdapter(this, strings);
recycler.setAdapter(adapter);
}
}
适配器代码
package com.example.monthpractise;
import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;
import com.daimajia.swipe.SwipeLayout;
import com.daimajia.swipe.adapters.RecyclerSwipeAdapter;
import java.util.ArrayList;
public class RVAdapter extends RecyclerSwipeAdapter<RVAdapter.MyViewHolder> {
private Context context;
ArrayList<String> strings;
public RVAdapter(Context context, ArrayList<String> strings) {
this.context = context;
this.strings = strings;
}
@Override
public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
return new MyViewHolder(LayoutInflater.from(context).inflate(R.layout.layout,null));
}
@Override
public void onBindViewHolder(MyViewHolder viewHolder, final int position) {
viewHolder.swipeLayout.setShowMode(SwipeLayout.ShowMode.LayDown);//设置滑动模式
viewHolder.textView.setText(strings.get(position));
viewHolder.delete.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
strings.remove(position);
notifyItemRemoved(position);
notifyItemRangeChanged(0,strings.size());
}
});
}
@Override
public int getItemCount() {
return strings.size();
}
@Override//多了一个方法
public int getSwipeLayoutResourceId(int position) {
return position;
}
public class MyViewHolder extends RecyclerView.ViewHolder {
SwipeLayout swipeLayout;
Button delete;
TextView textView;
public MyViewHolder(@NonNull View itemView) {
super(itemView);
swipeLayout = itemView.findViewById(R.id.swipid);
delete = itemView.findViewById(R.id.delete);
textView = itemView.findViewById(R.id.tv);
}
}
}
适配器中需要的布局
<?xml version="1.0" encoding="utf-8"?>
<com.daimajia.swipe.SwipeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/swipid"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<Button
android:id="@+id/delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#DD0F3A"
android:text="删除"
/>
</LinearLayout>
<LinearLayout
android:padding="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="显示的数据"
android:textSize="20sp"
/>
</LinearLayout>
</com.daimajia.swipe.SwipeLayout>