Android DrawerLayout仿京东商城多条件筛选源代码下载
程序员文章站
2022-02-16 11:57:07
...
最近正在做工都名车的项目、项目中需要使用到列表筛选的效果、因为该项目是先有手机Web端、然后才开始做App的、那么看到手机端的效果非常不错、就在想要App的效果一定要比手机Web端的好看、就看了一下京东的筛选效果、感觉就是我想要的效果
那么这里分享的Demo就是仿京东的筛选的效果的、当然我集成到自己的项目里面是做了一部改动的、Demo是使用DrawerLayout配合Fragment完成的、原Demo效果图如下
XML代码
<?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@ id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent"> <!-- 这里是内容区域 --> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <RelativeLayout android:layout_width="match_parent" android:layout_height="55dp" android:background="@android:color/white"> <TextView android:id="@ id/slide" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:layout_marginRight="12dp" android:drawablePadding="5dp" android:drawableRight="@drawable/ic_screening" android:gravity="center" android:text="筛选" /> </RelativeLayout> </LinearLayout> <FrameLayout android:id="@ id/fragment_container" android:layout_width="match_parent" android:layout_height="match_parent" /> <!-- 抽屉内容 --> <RelativeLayout android:id="@ id/drawer_content" android:layout_width="300dp" android:layout_height="match_parent" android:layout_gravity="end" android:background="@android:color/white" /> </android.support.v4.widget.DrawerLayout>
FilterActivity代码
public class FilterActivity extends FragmentActivity implements View.OnClickListener{ private DrawerLayout mDrawerLayout; private RelativeLayout drawer_content; private TextView slide; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_filter); initView(); initData(); } private void initView() { slide = (TextView) findViewById(R.id.slide); mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout); drawer_content = (RelativeLayout) findViewById(R.id.drawer_content); slide.setOnClickListener(this); } private void initData() { //显示默认fragment getSupportFragmentManager().beginTransaction().replace(R.id.drawer_content, new FitrerFragment()).commit(); } @Override public void onClick(View v) { switch (v.getId()) { case R.id.slide: mDrawerLayout.openDrawer(drawer_content);//打开抽屉内容 break; } } }
源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1o7RuEpG 密码: 7tr6