侧滑

本文介绍了一个使用Android实现的带有双侧滑菜单的应用示例。通过DrawerLayout组件创建左右两个滑动菜单,并实现了菜单项点击事件及滑动状态监听。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

import android.os.Bundle;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.AppCompatActivity;
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.Arrays;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private ListView listView;
    private ListView listView2;
    private DrawerLayout drawerLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //显示的侧滑菜单布局;
        listView = (ListView) findViewById(R.id.menu_list);
        listView2 = (ListView) findViewById(R.id.menu_listright);
        //根布局,侧拉菜单
        drawerLayout = (DrawerLayout) findViewById(R.id.drawer);
        //主界面添加fragment;
        getSupportFragmentManager().beginTransaction().replace(R.id.mycontent, new MainFragment()).commit();
        list = Arrays.asList(new String[]{"好友动态", "我的话题", "收藏", "活动"});
        listView.setAdapter(new MyAdapter());
        listView2.setAdapter(new MyAdapter());
        //监听菜单滑动状态的改变;
    drawerLayout.addDrawerListener(new DrawerLayout.DrawerListener() {
        @Override
        public void onDrawerSlide(View drawerView, float slideOffset) {
            //正在滑出;slideOffset代表菜单滑出的比例,全部滑出时为1;,全部滑动消失,为0;
            System.out.println("onDrawerSlide=="+slideOffset);
        }

        @Override
        public void onDrawerOpened(View drawerView) {
            //解决点击事件穿透冲突;
            drawerView.setClickable(true);
            System.out.println("onDrawerOpened");
            //菜单彻底打开(滑出)
        }

        @Override
        public void onDrawerClosed(View drawerView) {
            System.out.println("onDrawerClosed");
            //全部滑出屏幕
        }

        @Override
        public void onDrawerStateChanged(int newState) {
            System.out.println("onDrawerStateChanged");
        }
    });

        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(MainActivity.this,"ttttttt",Toast.LENGTH_LONG).show();
                //点击菜单条目,关闭当前菜单;参数为菜单显示的view;
                drawerLayout.closeDrawer(listView);
                //打开菜单;
                drawerLayout.openDrawer(listView2);
            }
        });

    }

    List<String> list;

    class MyAdapter extends BaseAdapter {
        @Override
        public int getCount() {
            return list.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) {
            convertView = View.inflate(MainActivity.this, R.layout.item, null);
            TextView textView = (TextView) convertView.findViewById(R.id.my_text);
            textView.setText(list.get(position));
            return convertView;
        }
    }

}

Fragement的界面

public class MainFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
       View view=inflater.inflate(R.layout.fragment_layout,null);
        final Button  btn=(Button)view.findViewById(R.id.fragment_text);
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                btn.setText("更改了文本");
            }
        });
        return view;
    }
}

主布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="a16.erin.unit03_drawerlayout.MainActivity">

   <FrameLayout
       android:id="@+id/mycontent"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       />
    <ListView
        android:id="@+id/menu_list"
        android:layout_width="150dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="#fff"
        />
    <ListView
        android:id="@+id/menu_listright"
        android:layout_width="150dp"
        android:layout_height="match_parent"
        android:layout_gravity="end"
        android:background="#fff"
        />
</android.support.v4.widget.DrawerLayout>

Fragment布局文件

<?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">

    <Button
        android:id="@+id/fragment_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="fragment"
        android:textSize="50dp" />
</LinearLayout>

滑动布局的东西

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent">
<ImageView
    android:id="@+id/my_icon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_launcher"
    />
    <TextView
        android:id="@+id/my_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        />
</LinearLayout>




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值