侧滑、切换Fragment

最新推荐文章于 2021-05-27 20:59:41 发布

土豆你个卜奈奈

最新推荐文章于 2021-05-27 20:59:41 发布

阅读量346

点赞数

本文链接：https://blog.youkuaiyun.com/qq_42902175/article/details/87893357

版权

本文详细介绍了如何创建一个主页面，并添加可侧滑的Fragment。内容包括主页面布局的设计，左侧Fragment的实现，包括其布局和适配器的编写，以及如何在主页面上展示适配器内容。

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

1.主页面的布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout 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:id="@+id/drawer">
    <!-- 侧滑页面写下面 -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.TabLayout
            android:id="@+id/bootm_tab"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabGravity="fill"
            android:layout_alignParentBottom="true">

        </android.support.design.widget.TabLayout>
        <android.support.v4.view.ViewPager
            android:id="@+id/viewpage"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        </android.support.v4.view.ViewPager>

    </RelativeLayout>
    <FrameLayout
        android:id="@+id/left111"
        android:layout_width="200dp"
        android:layout_height="match_parent"
        android:layout_gravity="start">
    </FrameLayout>
</android.support.v4.widget.DrawerLayout>

2主页面的内容

package com.bw.ymy.myapplication0223;

import android.content.Intent;
import android.support.design.widget.TabLayout;
import android.support.v4.view.ViewPager;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.Gravity;
import android.view.MenuItem;
import android.view.View;
import android.widget.ImageView;
import android.widget.Toast;

import com.bw.ymy.myapplication0223.adapter.Bootom_Adapter;
import com.bw.ymy.myapplication0223.adapter.Top_Adapter;
import com.bw.ymy.myapplication0223.adapter.minAdapter;
import com.bw.ymy.myapplication0223.bean.BootomBean;
import com.bw.ymy.myapplication0223.bean.HomeBean;
import com.bw.ymy.myapplication0223.bean.TopBean;
import com.bw.ymy.myapplication0223.fragment.leftFragment;
import com.bw.ymy.myapplication0223.prensenter.IPrensenter;
import com.bw.ymy.myapplication0223.view.IView;
import com.jcodecraeer.xrecyclerview.XRecyclerView;

import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnClick;

public class Main2Activity extends AppCompatActivity   {


    private DrawerLayout drawerLayout;
    private ActionBarDrawerToggle toogle;
    private ViewPager viewpage1;
    private TabLayout tabLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        tabLayout=findViewById(R.id.bootm_tab);
        if(savedInstanceState==null)
        {
            getSupportFragmentManager().beginTransaction().add(R.id.left111,new leftFragment() )
                    .commit();
            initView();


        }



    }

    private void initView() {
        //允许展示
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        drawerLayout=findViewById(R.id.drawer);
        //中间人
        toogle=new ActionBarDrawerToggle(this,drawerLayout,R.string.open,R.string.close);
        drawerLayout.addDrawerListener(toogle);
        toogle.syncState();
        //获取资源id
        viewpage1=findViewById(R.id.viewpage);
        viewpage1.setAdapter(new minAdapter(getSupportFragmentManager()));
        tabLayout.setupWithViewPager(viewpage1);

    }
    //点击切换页数
    public  void  showpage(int posotion)
    {
        viewpage1.setCurrentItem(posotion);
        drawerLayout.closeDrawer(Gravity.START);
    }

    //支持点击
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        if(toogle.onOptionsItemSelected(item))
        {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

3.左边侧滑的Fragment

package com.bw.ymy.myapplication0223.fragment;

import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ListView;

import com.bw.ymy.myapplication0223.Main2Activity;
import com.bw.ymy.myapplication0223.R;
import com.bw.ymy.myapplication0223.adapter.leftAdapter;

public class leftFragment  extends Fragment {
    private ListView listview;

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.leftfragment,container,false);
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);


        //获取资源id
        listview=view.findViewById(R.id.menus);
        //适配器
        listview.setAdapter(new leftAdapter(getActivity()));

        ///点击
        listview.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                if(position==0)
                {
                    return;
                }
                ((Main2Activity)getActivity()).showpage(position-1);
            }
        });

    }
}

4.左边侧滑的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:background="#d1d1">
    <ListView
        android:id="@+id/menus"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

5.左边侧滑的adapter

package com.bw.ymy.myapplication0223.adapter;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

import com.bw.ymy.myapplication0223.R;

public class leftAdapter extends BaseAdapter {

    private  Context context;

    private  String[] menus=new String[]
            {
                    "首页","视频"
            };
    public  leftAdapter(Context context)
    {
        this.context=context;
    }
    @Override
    public int getCount() {
        return menus.length+1;
    }

    private  final  int ITEM_COUNT=2;
    private  final  int TEXT_TYPE=1;
    private  final  int IMAG_TYPE=0;

    @Override
    public int getItemViewType(int position) {
        return position==0? IMAG_TYPE:TEXT_TYPE;
    }

    @Override
    public int getViewTypeCount() {
        return ITEM_COUNT;
    }

    @Override
    public String getItem(int position) {
        if(position==0)
        {
            return  null;
        }
        return menus[position-1];
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder=null;
        if(convertView==null)
        {
            convertView=LayoutInflater.from(context).inflate(R.layout.left_text,parent,false);
            holder=new ViewHolder(convertView);

        }else
        {
            holder= (ViewHolder) convertView.getTag();
        }

        if(getItemViewType(position)==TEXT_TYPE)
        {
            holder.bind(getItem(position));
        }
        return convertView;
    }
    class  ViewHolder{
        TextView leftt1;
        public  ViewHolder(View convertView)
        {
            leftt1=convertView.findViewById(R.id.leftttt1);
        }
        public  void bind(String item)
        {
            leftt1.setText(item);
        }
    }
}

6.左边的adapter布局

<?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">
    <TextView
        android:id="@+id/leftttt1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

7.显示的adapter 显示主页面

package com.bw.ymy.myapplication0223.adapter;

import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

import com.bw.ymy.myapplication0223.fragment.one;
import com.bw.ymy.myapplication0223.fragment.two;


public class minAdapter extends FragmentPagerAdapter {

    private  String[] page=new String[]
            {
                    "首页","视频"
            };
    public minAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int i) {
        switch (i)
        {
            case 0:
                return  new one();
            case 1:
                return  new two();

            default:
                return new Fragment();

        }

    }

    @Nullable
    @Override
    public CharSequence getPageTitle(int position) {
        return page[position];
    }

    @Override
    public int getCount() {
        return page.length;
    }
}

<string name="close">close drawer</string>
<string name="open">open drawer</string>