侧滑菜单+横向滑动列表

1.主类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="com.example.administrator.day12kaoshi.MainActivity">
<FrameLayout
    android:id="@+id/frmelayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"></FrameLayout>
<RelativeLayout
    android:background="#ffffff"
    android:layout_gravity="left"
    android:id="@+id/relativelayout"
    android:layout_width="150dp"
    android:layout_height="wrap_content">
   <ImageView
       android:id="@+id/i"
       android:src="@mipmap/ic_launcher"
       android:layout_width="80dp"
       android:layout_height="80dp" />
    <ListView
        android:layout_below="@+id/i"
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></ListView>
</RelativeLayout>
</android.support.v4.widget.DrawerLayout>

2.主类

 

 

package com.example.administrator.day12kaoshi;

import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.FrameLayout;
import android.widget.ListView;
import android.widget.RelativeLayout;

import com.example.administrator.day12kaoshi.Fragment.MyFragment;

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

public class MainActivity extends AppCompatActivity {
    List<String> list=new ArrayList<>();
    private DrawerLayout drawerlayout;
    private FrameLayout frmelayout;
    private RelativeLayout relativelayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //根本局控件id
        drawerlayout = (DrawerLayout) findViewById(R.id.drawerlayout);
        //主内容区控件ID
        frmelayout = (FrameLayout) findViewById(R.id.frmelayout);
        //抽屉根布局控件ID
        relativelayout = (RelativeLayout) findViewById(R.id.relativelayout);
        //列表控件ID
        ListView lv = (ListView) findViewById(R.id.lv);

        list.add("消息中心");
        list.add("新闻中心");
        ArrayAdapter<String> stringArrayAdapter = new ArrayAdapter<>(MainActivity.this, android.R.layout.simple_list_item_1, list);
        lv.setAdapter(stringArrayAdapter);
        lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                drawerlayout.closeDrawer(relativelayout);
                MyFragment myFragment = new MyFragment();
                /*Bundle bundle=new Bundle();
                bundle.putString("name",list.get(i));
                myFragment.setArguments(bundle);*/
                getSupportFragmentManager().beginTransaction().replace(R.id.frmelayout,myFragment).commit();
            }
        });

    }
}

3.fragment类

 

 

package com.example.administrator.day12kaoshi.Fragment;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;

import com.example.administrator.day12kaoshi.R;

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

/**
 * Created by Administrator on 2017/10/13 0013.
 */

public class MyFragment extends Fragment{
    List<String> list=new ArrayList<>();
    private TabLayout tablayout;
    private ViewPager vp;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View vv = inflater.inflate(R.layout.layout_fragment,container,false);
        tablayout = (TabLayout) vv.findViewById(R.id.tablayout);
        vp = (ViewPager) vv.findViewById(R.id.vp);
        return vv;
    }
    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        //String name = getArguments().getString("name");
            tablayout.setupWithViewPager(vp);
            list.add("头条");
            list.add("社会");
            list.add("国内");
            list.add("国际");
            list.add("娱乐");
            list.add("体育");
            list.add("军事");
            list.add("科技");
            list.add("财经");
            list.add("时尚");
            vp.setAdapter(new FragmentPagerAdapter(getChildFragmentManager()) {
                @Override
                public CharSequence getPageTitle(int position) {
                    return list.get(position);
                }

                @Override
                public Fragment getItem(int position) {
                    MyFragment_1 myFragment_1 = new MyFragment_1();
                    Bundle bundle=new Bundle();
                    bundle.putString("name1",list.get(position));
                    myFragment_1.setArguments(bundle);
                    return myFragment_1;
                }

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

 

4.fragment类的xml

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_height="match_parent">
<android.support.design.widget.TabLayout
    android:id="@+id/tablayout"
    app:tabGravity="center"
    app:tabIndicatorColor="@color/colorAccent"
    app:tabMode="scrollable"
    app:tabSelectedTextColor="@color/colorPrimaryDark"
    app:tabTextColor="@color/colorPrimary"
    android:layout_width="match_parent"
    android:layout_height="40dp">
    </android.support.design.widget.TabLayout>
    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></android.support.v4.view.ViewPager>
</LinearLayout>

 

 

 

5.fragment类下的fragment子类

 

package com.example.administrator.day12kaoshi.Fragment;

import android.os.AsyncTask;
import android.os.Bundle;
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.ListView;

import com.example.administrator.day12kaoshi.Bean.Data;
import com.example.administrator.day12kaoshi.R;
import com.google.gson.Gson;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.URL;
import java.util.List;

import static com.example.administrator.day12kaoshi.R.id.lv;

/**
 * Created by Administrator on 2017/10/13 0013.
 */

public class MyFragment_1 extends Fragment{

    private ListView lv_list;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View vv = inflater.inflate(R.layout.child, container, false);
        lv_list = (ListView) vv.findViewById(R.id.lv_list);
        return vv;
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        String name = getArguments().getString("name1");
        if (name.equals("头条")){
            name = "top";
        }else if (name.equals("军事")){
            name = "junshi";
        }else if (name.equals("社会")){
            name = "shehui";
        }else if (name.equals("财经")){
            name = "caijing";
        }else if (name.equals("国内")){
            name = "guonei";
        }else if (name.equals("国际")){
            name = "guoji";
        }else if (name.equals("娱乐")){
            name = "yule";
        }else if (name.equals("体育")){
            name = "tiyu";
        }else if (name.equals("科技")){
            name = "keji";
        }else if (name.equals("时尚")){
            name = "shishang";
        }
        getinfo(name);
    }

    public void getinfo(final String name) {
        AsyncTask<Void,Void,String> asyncTask=new AsyncTask<Void, Void, String>() {
            @Override
            protected String doInBackground(Void... voids) {
                String path="http://v.juhe.cn/toutiao/index?type="+name+"&key=c4479ad58f41e7f78a8fa073d0b1f1b5";
                try {
                    URL url = new URL(path);
                    HttpURLConnection urlConnection = (HttpURLConnection) url.openConnection();
                    urlConnection.setRequestMethod("GET");
                    urlConnection.setReadTimeout(5000);
                    urlConnection.setConnectTimeout(5000);
                    int responseCode = urlConnection.getResponseCode();
                    if (responseCode==200){
                        InputStream inputStream = urlConnection.getInputStream();
                        String s = convertStreamToString(inputStream);
                        return s;
                    }
                } catch (Exception e) {
                    e.printStackTrace();
                }

                return null;
            }

            @Override
            protected void onPostExecute(String s) {
                Gson gson = new Gson();
                Data data = gson.fromJson(s, Data.class);
                List<Data.ResultBean.DataBean> data1 = data.getResult().getData();
                MyAdapter myAdapter = new MyAdapter(data1, getActivity());
                lv_list.setAdapter(myAdapter);
            }
        };
        asyncTask.execute();
    }
    /**
     * 将输入流转成字符串
     *
     * @param is
     *            输入流
     * @return 返回字符串
     */
    private static String convertStreamToString(InputStream is) {
        BufferedReader reader = new BufferedReader(new InputStreamReader(is));
        StringBuilder sb = new StringBuilder();
        String line = null;
        try {
            while ((line = reader.readLine()) != null) {
                sb.append(line);
            }
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            try {
                is.close();
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
        return sb.toString();
    }
}

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现微信小程序菜单横向滑动,可以使用scroll-view组件。以下是实现步骤: 1. 在wxml文件中,使用scroll-view组件包裹菜单栏。设置scroll-x属性为true,表示横向滑动。 ``` <scroll-view class="menu" scroll-x="true"> <view class="menu-item">菜单项1</view> <view class="menu-item">菜单项2</view> <view class="menu-item">菜单项3</view> <view class="menu-item">菜单项4</view> <view class="menu-item">菜单项5</view> </scroll-view> ``` 2. 在wxss文件中,设置scroll-view和菜单项的样式。 ``` .menu { white-space: nowrap; /* 防止菜单项换行 */ overflow-x: auto; /* 横向滑动 */ -webkit-overflow-scrolling: touch; /* iOS平台优化 */ } .menu-item { display: inline-block; /* 菜单横向排列 */ padding: 10rpx 20rpx; /* 菜单项样式 */ } ``` 3. 在js文件中,为菜单项添加点击事件。 ``` Page({ onTapMenuItem: function(event) { console.log(event.currentTarget.dataset.index); /* 获取菜单项索引 */ } }) ``` 4. 在wxml文件中,为菜单项绑定点击事件。 ``` <scroll-view class="menu" scroll-x="true"> <view class="menu-item" bindtap="onTapMenuItem" data-index="0">菜单项1</view> <view class="menu-item" bindtap="onTapMenuItem" data-index="1">菜单项2</view> <view class="menu-item" bindtap="onTapMenuItem" data-index="2">菜单项3</view> <view class="menu-item" bindtap="onTapMenuItem" data-index="3">菜单项4</view> <view class="menu-item" bindtap="onTapMenuItem" data-index="4">菜单项5</view> </scroll-view> ``` 这样就可以实现微信小程序菜单横向滑动了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值