SlidingPaneLayout

1. layout xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <android.support.v4.widget.SlidingPaneLayout
        android:id="@+id/spl_sliding_pane"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ListView
            android:id="@+id/lv_sliding_list"
            android:layout_width="300dp"
            android:layout_height="match_parent"
            android:background="#CCCCCC"></ListView>

        <RelativeLayout

            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <TextView
                android:id="@+id/tv_open"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Open" />

            <Button
                android:text="button"
                android:gravity="right"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@id/tv_open" />
        </RelativeLayout>
    </android.support.v4.widget.SlidingPaneLayout>
</RelativeLayout>

2. list item

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:padding="10dp"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/tv_sliding_list_item"
        android:textSize="20sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</RelativeLayout>

3. java code

package com.torv.lijian.slidingpanelayoutdemo;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.widget.SlidingPaneLayout;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends Activity {

    SlidingPaneLayout mSlidingPaneLayout;

    private TextView mBtnOpen;

    private ListView mLvSliding;
    List<String> mListData;

    LayoutInflater inflater = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        inflater = LayoutInflater.from(MainActivity.this);

        mSlidingPaneLayout = (SlidingPaneLayout) findViewById(R.id.spl_sliding_pane);

        mBtnOpen = (TextView) findViewById(R.id.tv_open);
        mBtnOpen.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mSlidingPaneLayout.openPane();
            }
        });

        mLvSliding = (ListView)findViewById(R.id.lv_sliding_list);

        mListData = new ArrayList<>();
        mListData.add("This is Item 1");
        mListData.add("This is Item 2");
        mListData.add("This is Item 3");
        mListData.add("This is Item 4");

        MyAdapter adapter = new MyAdapter();
        mLvSliding.setAdapter(adapter);
        mLvSliding.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(MainActivity.this, "item " + position, Toast.LENGTH_SHORT).show();
            }
        });
    }

    class MyAdapter extends BaseAdapter {

        @Override
        public int getCount() {
            return mListData.size();
        }

        @Override
        public Object getItem(int position) {
            return null;
        }

        @Override
        public long getItemId(int position) {
            return 0;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            TextView tv = null;
            if(null == convertView){
                convertView = inflater.inflate(R.layout.sliding_list_item, null);
                tv = (TextView)convertView.findViewById(R.id.tv_sliding_list_item);
            }else{
                tv = (TextView)convertView.findViewById(R.id.tv_sliding_list_item);
            }

            tv.setText(mListData.get(position));
            return convertView;
        }
    }
}

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-09-02 17:03:28

SlidingPaneLayout的相关文章

SlidingPaneLayout的基本使用

其他论坛看到的,为了让更多人看到,所以选择了原创 SlidingPaneLayout是V4包中新添加的组件,可以实现两列面板的切换.说先来看看API文档的说明: SlidingPanelLayout为在UI最上层的使用提供了一个水平的,多个面板的布局.左边的面板可以看作是一个内容列表或者是浏览,右边的面板的任务是显示详细的内容. SlidingPaneLayout类也是直接继承于ViewGroup类,所以这个类也是当作容器类使用,在使用时通常可以和Fragement组件一起使用.下面是一个xia

Android-通过SlidingPaneLayout高仿微信6.2最新版手势滑动返回(一)

最近更新了微信版本到6.2,发现里面有个非常好的体验,就是在第二个页面Activity能手势向右滑动返回,在手势滑动的过程中能看到第一个页面,这种体验非常赞,这里高仿了一下.这里使用的是v4包里面的SlidingPaneLayout来手势滑动,在下一篇博文中将采用SlidingMenu来高仿,下面是SlidingPaneLayout高仿后的效果,效果还是蛮不错的. 最重要的是,每一个页面都是Activity,而非Fragment哦,使用Activity和正常的Activity一样 这里给出dem

Android ViewPager和SlidingPaneLayout的滑动事件冲突处理方法(转载)

最近在做一个项目需要用到ViewPager加载广告图,布局中需要侧滑,用了android V4包里的SlidingPaneLayout控件(该控件在旧的v4包里面没有,需要更新v4包),项目中使用的时候,发现在滑动中ViewPager和SlidingPaneLayout滑动冲突了,当手指从左向右滑动时,ViewPager的滑动事件被SlidingPaneLayout屏蔽了,只能执行SlidingPaneLayout的事件,而从右往左滑时,则正常. 国内找了一些资料,发现不是特别好,最后还是靠VP

Android实现侧边栏SlidingPaneLayout

//主布局 1 <?xml version="1.0" encoding="utf-8"?> 2 <android.support.v4.widget.SlidingPaneLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:id="@+id/spl" 4 xmlns:tools="http://sc

淘宝(阿里百川)手机客户端开发日记第三篇 SlidingPaneLayout实现侧滑菜单

需要的三个布局文件: activity_main.xml :主窗体布局 left.xml : 左侧栏目分类布局 right.xml : 右侧内容详情 需要的组件: android.support.v4.widget.SlidingPaneLayout 布局代码 activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="ht

Android android.support.v4.widget.SlidingPaneLayout 侧滑示例

SlidingPaneLayout 用于水平滚动两个view, 第一个view是左侧边,第二个view是content view slding_pane_layout.xml <?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.SlidingPaneLayout xmlns:android="http://schemas.android.com/apk/res

侧菜单栏的实现SlidingPaneLayout

SlidingPaneLayout分为两部分,上面的 左划出部分和没划出的时候 <?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_heig

使用SlidingPaneLayout 实现仿微信的滑动返回

上周,公司的项目改版要求加上一个右滑返回上一个界面,于是就在网上找了一些开源库打算实现.但是在使用的时候遇见了许多的问题.试了两天用过 https://github.com/ikew0ng/SwipeBackLayout ,https://github.com/r0adkll/Slidr等库都没成功. 然后在https://www.jianshu.com/p/c0a15bdc2690 看见了使用SlidingPaneLayout 来实现的一个滑动返回案例然后就看了看发现不错于是就使用了这个. 虽

Android FoldingLayout 折叠布局 原理及实现(一)

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/44278417.本文出自:[张鸿洋的博客] 1.概述 无意中翻到的FoldingLayout的介绍的博客,以及github地址.感觉非常nice呀,于是花了点时间研究以及编写,本篇博客将带大家从最主要的原理分析,一步一步的实现我们的FoldingLayout.当然了.假设你能力过硬,能够直接下载github上的代码进行学习. 博客基本分为以下几个部分: 1.Matrix的setP