仿今日的横排滑动

最新推荐文章于 2023-07-12 15:38:40 发布
最新推荐文章于 2023-07-12 15:38:40 发布
阅读量3k 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yw59792649/article/details/78011165
版权

布局


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity"
    >
    <android.support.design.widget.TabLayout
        android:id="@+id/des"
        app:tabMode="scrollable"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabIndicatorColor="@color/red"
        app:tabSelectedTextColor="@color/red"
        app:tabTextColor="@color/black"
        />
    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</LinearLayout>


主方法


public class MainActivity extends AppCompatActivity {
    private LayoutInflater inflater;
    private ViewPager vp;
    private TabLayout des;

    private String[] channels = {"推荐"
            ,"热点","本地","社会"
            ,"娱乐","科技","汽车","体育"
            ,"财经","军事","国际","段子"
            ,"趣图","健康","美女"};
    private String[] urls = {
            "http://ic.snssdk.com/2/article/v25/stream/?count=20&min_behot_time=1455521444&bd_city=%E5%8C%97%E4%BA%AC%E5%B8%82" +
                    "&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455521401&loc_mode=5&la" +
                    "c=4527&cid=28883&iid=3642583580&d" +
                    "evice_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&" +
                    "version_code=460&device_platform=android&d" +
                    "evice_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
            "http://ic.snssdk.com/2/article/v25/stream/?category=news_hot&count=20&min_behot_" +
                    "time=1455521166&bd_city=%E5%8C%97%E4%BA%AC%E5%B8" +
                    "%82&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_ti" +
                    "me=1455521401&loc_mode=5&lac=4527&cid=28883&iid=3642583580&dev" +
                    "ice_id=11131669133&ac=wifi&channel=baidu&aid=13&app_nme=" +
                    "news_article&version_code=460&device_platform=android&device_type" +
                    "=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
            "http://ic.snssdk.com/2/article/v25/stream/?category=news_local&coun" +
                    "t=20&min_behot_time=1455521226&bd_city=%E5%8C%97%E" +
                    "4%BA%AC%E5%B8%82&bd_latitude=40.049317&bd_longitud" +
                    "e=116.296499&bd_loc_time=1455521401&loc_mode=5&user_cit" +
                    "y=%E5%8C%97%E4%BA%AC&lac=4527&cid=28883&iid=3642583580" +
                    "&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name" +
                    "=news_article&version_code=460&device_platform=android&devic" +
                    "e_type=SCH-I919U&os_api=19&os_version=4.4.2&" +
                    "uuid=285592931621751&openudid=AC9E172CE2490000",
            "http://ic.snssdk.com/2/article/v25/stream/?category=news_society&count=20&min_behot_time=1455521720&bd_city=%E5%8C%97%E4%BA%AC%E5%B8%82&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455522107&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
            "http://ic.snssdk.com/2/article/v25/stream/?category=news_entertainment&count=20&min_behot_time=1455522338&bd_city=%E5%8C%97%E4%BA%AC%E5%B8%82&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455522784&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
            "http://ic.snssdk.com/2/article/v25/stream/?category=news_tech&count=20&min_behot_time=1455522427&bd_city=%E5%8C%97%E4%BA%AC%E5%B8%82&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455522784&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
            "http://ic.snssdk.com/2/article/v25/stream/?category=news_car&count=20&bd_city=%E5%8C%97%E4%BA%AC%E5%B8%82&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455522784&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
            "http://ic.snssdk.com/2/article/v25/stream/?category=news_sports&count=20&min_behot_time=1455522629&bd_city=%E5%8C%97%E4%BA%AC%E5%B8%82&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455522784&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
            "http://ic.snssdk.com/2/article/v25/stream/?category=news_finance&count=20&min_behot_time=1455522899&bd_city=%E5%8C%97%E4%BA%AC%E5%B8%82&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455523440&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
            "http://ic.snssdk.com/2/article/v25/stream/?category=news_military&count=20&min_behot_time=1455522991&bd_city=%E5%8C%97%E4%BA%AC%E5%B8%82&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455523440&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
            "http://ic.snssdk.com/2/article/v25/stream/?category=news_world&count=20&min_behot_time=1455523059&bd_city=%E5%8C%97%E4%BA%AC%E5%B8%82&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455523440&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
            "http://ic.snssdk.com/2/article/v25/stream/?category=essay_joke&count=20&bd_city=%E5%8C%97%E4%BA%AC%E5%B8%82&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455523440&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
            "http://ic.snssdk.com/2/article/v25/stream/?category=image_funny&count=20&min_behot_time=1455524031&bd_city=%E5%8C%97%E4%BA%AC%E5%B8%82&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455523440&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
            "http://ic.snssdk.com/2/article/v25/stream/?category=news_health&count=20&bd_city=%E5%8C%97%E4%BA%AC%E5%B8%82&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455524092&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
            "http://ic.snssdk.com/2/article/v25/stream/?category=image_ppmm&count=20&min_behot_time=1455524172&bd_city=%E5%8C%97%E4%BA%AC%E5%B8%82&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455524092&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
    };
    private List<ChannelFragment> mViewList = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        vp = (ViewPager) findViewById(R.id.vp);
        des = (TabLayout) findViewById(R.id.des);
        inflater = LayoutInflater.from(this);
        for (int i = 0; i < channels.length; i++ ){
            ChannelFragment channelFragment = new ChannelFragment();
            Bundle bundle = new Bundle();
            bundle.putString("name",channels[i]);
            bundle.putString("urlss",urls[i]);
            channelFragment.setArguments(bundle);
            mViewList.add(channelFragment);
            des.addTab(des.newTab().setText(channels[i]));
        }
        FragmentManager fm = getSupportFragmentManager();
        MyAdapter adapter = new MyAdapter(fm, mViewList);
        vp.setAdapter(adapter);
        des.setupWithViewPager(vp);
        des.setTabsFromPagerAdapter(adapter);
    }
    class MyAdapter extends FragmentPagerAdapter {
        private List<ChannelFragment> mViewList;

        public MyAdapter(FragmentManager fm, List<ChannelFragment> mViewList) {
            super(fm);
            this.mViewList = mViewList;
        }


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

        @Override
        public Fragment getItem(int position) {
            return mViewList.get(position);
        }

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




新建的类

public class ChannelFragment extends Fragment{
    private String name;
    private String urlss;
    private ListView lv;
    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Bundle bundle = getArguments();
        name = (String) bundle.get("name");
        urlss = (String) bundle.get("urlss");

    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.item , null);
        lv = (ListView) view.findViewById(R.id.lv);
        new AsyncTask<String, Integer, String>() {
            @Override
            protected String doInBackground(String... params) {
                String s = params[0];
                String by = new HttpUrlZj().getBy(s);
                return by;
            }

            @Override
            protected void onPostExecute(String s) {
                super.onPostExecute(s);
                Bean bean = new Gson().fromJson(s, Bean.class);
                List<Data> data = bean.getData();
                String hint = bean.getPost_content_hint();
                AAA tips = bean.getTips();
                MyAdapterX adapterX = new MyAdapterX(getActivity(), tips, data, hint);
                lv.setAdapter(adapterX);
            }
        }.execute(urlss);

        return view;
    }
}




 

Yw_Ambition
关注
今日头条
lxrlxr888的博客
10-22 1805
推荐 http://ic.snssdk.com/2/article/v25/stream/?count=20&min_behot_time=1455521444&bd_city=%E5%8C%97%E4%BA%AC%E5%B8%82&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455521401&loc_mode=5&la
HttpUtils 请求数据（json）
wu3741481的博客
06-30 1972
public void getData(int count,final int what){                  String path="http://ic.snssdk.com/2/article/v25/stream/?category=video&count=20" +                 "&min_behot_time=1465197958&bd_lat
黑马头条前台API 接口文档
10-30
黑马头条前台-API 接口文档：用户登录，注册，编辑关注取消，评论；新闻文章：搜索，推荐，详情，列表获取，发布，收藏，点赞，编辑，文件上传；首页栏目获取和添加
今日头条视频采集方法
redsen的专栏
01-06 9076
这是一个视频网址：http://www.toutiao.com/a6372122640186720513/ （首富马云小品首秀，搭档宋小宝却当面把首富们都损了一遍） 访问。在页面JS脚本中找到 var player; player={ videoid:’8c601b01d1b24ff9b543f3b378b707ea’, share_url:’http://toutia
今日头条接口
热门推荐
daimengs的博客
01-19 3万+
推荐:http://ic.snssdk.com/2/article/v25/stream/?count=20&min_behot_time=1504621638&bd_latitude=4.9E-324&bd_longitude=4.9E-324&bd_loc_time=1504622133&loc_mode=5&loc_time=1504564532&latitude=35.00125&long
html横向导航栏滑动效果,仿今日头条横向滚动导航栏--原生js
weixin_29117669的博客
06-03 915
咳咳！先打一波小广告，在上一篇里忘记了，那啥……我的那个个人博客做好了-->(我的博客)好嘞，言归正传，说说我们的效果。其实就是实现横向滑动，进行选择。原理：鼠标按下，获取当前鼠标坐标，作为起始坐标；鼠标移动，获取坐标，与起始坐标进行一系列的数学运算；给 left 赋值，改变位置；移动过多，超过时进行处理。function scrollTabX() {let nav = document.g...
uniapp 横向列表 左右滑动翻页效果
sdgjah2的博客
07-12 2208
{ image: "image1.jpg", info: "信息1" },{ image: "image2.jpg", info: "信息2" },{ image: "image3.jpg", info: "信息3" },{ image: "image4.jpg", info: "信息4" },{ image: "image5.jpg", info: "信息5" },{ image: "image6.jpg", info: "信息6" },// 添加更多的图片和信息。
微信小程序 横向滑动实现
11-03 1959
微信小程序 横向滑动实现
Slider 滑动条效果
weixin_34037173的博客
12-05 567
这个滑动条（拖动条）效果，一开始是参考了BlueDestiny的slider和Apple产品展示的样式，做了程序的原型。 在做了拖放效果之后，我想应该可以做一个更好的了，所以重做一遍，完善和扩展了一些功能。 碍于时间没有做得很强大，都是一些基本功能，希望各位多提意见！ 效果预览 预览效果1： 这个是仿Apple滑动条产品展示效果。 除了原来的效果（包括...
音速启动软件非官方教程
10-23
音速启动是一款高效、实用的桌面图标管理工具，它具有占用系统资源少、功能强大的特点，支持多种自定义设置，如更换皮肤、使用插件等，其独特的仿QQ下拉菜单显示方式使其在众多桌面管理软件中脱颖而出。本文将详细...
微信小程序实现标签栏横向滚动
improvement
11-13 666
微信小程序实现标签栏横向滚动 1、效果如下 2、wxml <!-- start 秒杀时间 --> <view class="seckillTime"> <!-- 秒杀时间 --> <scroll-view class="scroll-view_H" scroll-x="true" bindscroll="scroll" style="width: 100%"> <view class="seckillTimeDeta
仿 Windows 7 资源管理器风格的网页设计
大天玄可
01-15 1598
［用live writer发完，发现格式乱了，图片也看不到，你可以到http://www.liuhaifeng.com/2010/01/design-win7-alike-web-page.html查看完整版］ Windows 7 的华丽界面吸引了不少爱美之人，我们网页上是否也可以做出类似的效果呢？答案当然是可以！事实上，我刚刚完成了这个设计，正好做个技术笔记。我们要实现目标，主要
【微信小程序开发•系列文章五】主界面
凌云壮志
11-07 8055
我们之前的demo中，页面都是很简单的一个主页面的结构。没有底部菜单，没在意页面的结构。而我们平时接触的app都有各种各样的页面交织组合在一起，所以这一篇文章中，我们开始来关注我们的页面结构。 先来看看我们本文相关的demo，地址：https://github.com/jsongo/weApp-frame，三个页面： 为了展示页面的主框架，这里做了三种风格的页面。第一个是个图片列表，从花瓣
基于JavaScript和微信小程序的安心食疗小程序设计源码
09-23
该项目是基于JavaScript和微信小程序的安心食疗小程序设计源码，包含99个文件，其中17个JavaScript源文件、12个WXML页面布局文件、13个WXSS样式表文件、17个JSON配置文件、24个PNG图片文件和16个JPG图片文件。适用于健康饮食领域的小程序开发。
计算机四级网络选择题目
09-23
题目有些标的答案，有些没有，大部分是用通义千问参考加答的，不保证全部正确。
ASP源码：大家帮网精品装修招标门户网站程序网站源码，网站系统模板源码73.rar
最新发布
09-23
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（随意编程），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助 【资源内容】：项目具体内容可查看/点击本页面下方的*资源详情*，包含完整源码+工程文件+说明（若有）等。【若无VIP，此资源可私信获取】 【本人专注IT领域】：有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为您提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【适合场景】：相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻，也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担 2. 部分字体及插图等来自网络，若是侵权请联系删除，本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于整理和收集资料耗费时间的酬劳 3. 积分资源不提供使用问题指导/解答
vue3+springboot私家车位共享系统微信微信小程序[编号：CS_41791](1)源码数据库.zip
09-23
本文介绍了使用SpringBoot作为后端框架，Vue作为前端框架，MyBatis-Plus进行持久层开 。详细描述了系统测试的目的、功能测试案例，包括登录验证和用户管理，以及数据库设计。 前端：vue3 开发工具：IDEA 或者eclipse都支持 编程语言: java 框架：springboot/ssm都支持 jdk版本:jdk1.8以上均可 数据库: mysql 版本不限 数据库工具：Navicat/SQLyog都可以
基于C#的.NET通用后台角色权限管理系统设计源码
09-23
该项目是基于C#的.NET通用后台角色权限管理系统设计源码，包含337个文件，其中包括112个C#源文件、76个GIF图片文件、40个JavaScript脚本文件、33个Razor视图文件（.cshtml）、23个CSS样式表文件、15个配置文件（.config）、9个项目文件（.csproj）、4个TrueType字体文件（.ttf）、3个Embedded OpenType字体文件（.eot）、3个SVG矢量图形文件。该系统旨在为.NET平台提供灵活的角色权限管理解决方案。
plt 设定 legend横排
02-27
默认情况下，图例是垂直排列的，但你可以通过设置 `ncol` 参数来实现横排。 下面是一个示例代码，展示如何将图例横排显示： ```python import matplotlib.pyplot as plt # 绘制图形 x = [1, 2, 3] y1 = [4, 5, 6]...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值