Android使用SlidingPaneLayout实现仿IOS滑动返回
2017-06-05 17:05
656 查看
android supportV4包提供了一个强大的Layout——SlidingPaneLayout,这个布局可以实现侧滑菜单,关于怎么使用这里就不再介绍了,搜一下就会有很多使用的例子,这里只介绍使用SlidingPaneLayout实现滑动返回。
思路:
1.将SlidingPaneLayout左侧view背景设置为透明;
2.监听滑动事件,当左侧view完全展示时关闭当前Activity。
代码很简单
public class DragBackLayout extends SlidingPaneLayout implements SlidingPaneLayout.PanelSlideListener {
private Context context;
private Activity activity;
private boolean mFirstLayout = true;
public DragBackLayout(Context context, AttributeSet attrs) {
super(context, attrs);
this.context = context;
}
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
super.onLayout(changed, l, t, r, b);
initView();
}
private void initView(){
//如果已经添加过,则不再添加
if(!mFirstLayout){
return;
}
ViewGroup.LayoutParams lp = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
//透明布局
FrameLayout transparentLayout = new FrameLayout(context);
//设置透明背景
transparentLayout.setBackgroundColor(Color.TRANSPARENT);
addView(transparentLayout, 0, lp);
mFirstLayout = false;
}
/**
* 设置滑动返回
* @param activity
*/
public void setDragBack(Activity activity){
setPanelSlideListener(this);
this.activity = activity;
}
@Override
public void onPanelSlide(View panel, float slideOffset) {
}
@Override
public void onPanelOpened(View panel) {
if(this.activity != null){
activity.finish();
activity.overridePendingTransition(0, 0);
}
}
@Override
public void onPanelClosed(View panel) {
}
}
使用:
页面布局:
<?xml version="1.0" encoding="utf-8"?>
<com.lc.view.DragBackLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/activity_test"
android:layout_width="match_parent"
android:layout_height="match_parent">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#000000">
<android.support.v7.widget.RecyclerView
android:id="@+id/activity_test_rv"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</RelativeLayout>
</com.lc.view.DragBackLayout>
Java代码
dbl = (DragBackLayout) findViewById(R.id.activity_test);
dbl.setDragBack(this);
效果
思路:
1.将SlidingPaneLayout左侧view背景设置为透明;
2.监听滑动事件,当左侧view完全展示时关闭当前Activity。
代码很简单
public class DragBackLayout extends SlidingPaneLayout implements SlidingPaneLayout.PanelSlideListener {
private Context context;
private Activity activity;
private boolean mFirstLayout = true;
public DragBackLayout(Context context, AttributeSet attrs) {
super(context, attrs);
this.context = context;
}
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
super.onLayout(changed, l, t, r, b);
initView();
}
private void initView(){
//如果已经添加过,则不再添加
if(!mFirstLayout){
return;
}
ViewGroup.LayoutParams lp = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
//透明布局
FrameLayout transparentLayout = new FrameLayout(context);
//设置透明背景
transparentLayout.setBackgroundColor(Color.TRANSPARENT);
addView(transparentLayout, 0, lp);
mFirstLayout = false;
}
/**
* 设置滑动返回
* @param activity
*/
public void setDragBack(Activity activity){
setPanelSlideListener(this);
this.activity = activity;
}
@Override
public void onPanelSlide(View panel, float slideOffset) {
}
@Override
public void onPanelOpened(View panel) {
if(this.activity != null){
activity.finish();
activity.overridePendingTransition(0, 0);
}
}
@Override
public void onPanelClosed(View panel) {
}
}
使用:
页面布局:
<?xml version="1.0" encoding="utf-8"?>
<com.lc.view.DragBackLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/activity_test"
android:layout_width="match_parent"
android:layout_height="match_parent">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#000000">
<android.support.v7.widget.RecyclerView
android:id="@+id/activity_test_rv"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</RelativeLayout>
</com.lc.view.DragBackLayout>
Java代码
dbl = (DragBackLayout) findViewById(R.id.activity_test);
dbl.setDragBack(this);
效果
相关文章推荐
- 初学者---Android 使用SwipeBackLayout实现滑动返回上一级页面
- Android 使用SwipeBackLayout实现滑动返回上一级页面——实战来袭
- Android 使用SwipeBackLayout实现滑动返回上一级页面——实战来袭
- Android 使用SwipeBackLayout实现滑动返回上一级页面——实战来袭
- 使用react-native-pull实现跨平台Android&IOS下拉刷新滑动回弹效果
- Android使用SlidingPaneLayout 实现仿微信的滑动返回
- 使用react-native-pull实现跨平台Android&IOS下拉刷新滑动回弹效果
- android-使用ViewGroup实现左右滑动切换界面的效果
- Android中实现滑动翻页—使用ViewFlipper
- android 使用ViewFlow实现左右滑动
- 我的Android进阶之旅------>Android使用ViewFlipper实现滑动翻页
- android 使用ViewFlow实现左右滑动
- android-使用ViewGroup实现左右滑动切换界面以及界面裂开的效果
- android 使用ViewFlow实现图片带焦点左右滑动(定时滑动)
- android viewflipper的使用 实现图片滑动效果
- Android中实现滑动翻页—使用ViewFlipper
- Android 使用ViewPager实现左右循环滑动图片
- Android中实现滑动翻页—使用ViewFlipper(dp和px之间进行转换)
- android 使用ViewFlow实现左右滑动
- Android中实现滑动翻页—使用ViewFlipper