效果图
主界面xml布局
<?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"
android:id="@+id/drawerlayout"
tools:context=".MainActivity">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_weight="1"
android:layout_width="match_parent"
android:background="#ff0"
android:layout_height="wrap_content"
/>
<android.support.design.widget.TabLayout
android:id="@+id/tablayout"
app:tabMode="fixed"
android:layout_width="match_parent"
android:background="#f4f"
android:layout_height="wrap_content"/>
</LinearLayout>
<FrameLayout
android:background="#fff"
android:id="@+id/framelayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="start"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</android.support.v4.widget.DrawerLayout>
Mainactivity函数界面
package com.example.chelakuang;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.design.widget.TabLayout;
import android.support.v4.view.ViewPager;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.app.AppCompatActivity;
import android.view.Gravity;
import android.view.MenuItem;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.GridView;
public class MainActivity extends AppCompatActivity {
private DrawerLayout drawer;
private ActionBarDrawerToggle toggle;
@Override
protected void onCreate(final Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//获取资源id
initView();
//侧拉框
celakuang();
}
private void celakuang() {
//显示小按钮
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
//加载布局进入
getSupportFragmentManager()
.beginTransaction()
.replace(R.id.framelayout,new LeftDrawerFragment())
.commit();
toggle = new ActionBarDrawerToggle(this, drawer,
R.string.drawer_open, R.string.drawer_close);
//同步状态
toggle.syncState();
//设置监听
drawer.addDrawerListener(toggle);
drawer.addDrawerListener(new DrawerLayout.DrawerListener() {
@Override
public void onDrawerSlide(@NonNull View view, float v) {
}
@Override
public void onDrawerOpened(@NonNull View view) {
}
@Override
public void onDrawerClosed(@NonNull View view) {
}
@Override
public void onDrawerStateChanged(int i) {//状态改变
}
});
}
//获取资源id
private void initView() {
drawer = (DrawerLayout) findViewById(R.id.drawerlayout);
}
//将事件交给toggle处理
@Override
public boolean onOptionsItemSelected(MenuItem item) {
if (toggle.onOptionsItemSelected(item)){
return true;
}
return super.onOptionsItemSelected(item);
}
//关闭侧拉菜单
public void CloseDrawer(){
drawer.closeDrawer(Gravity.START);
}
}
DrawerLayout布局文件
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#f99">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="334343434343"
android:textSize="80dp"/>
</android.support.constraint.ConstraintLayout>
左面的代码操作
package com.example.chelakuang;
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;
public class LeftDrawerFragment extends Fragment {
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
return inflater.inflate(R.layout.left_drawer,container,false);
}
@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
view.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
((MainActivity)getActivity()).CloseDrawer();
}
});
}
}