HorizontalScrollView横向滑动

本文介绍了一个使用HorizontalScrollView和ViewPager实现的水平滚动菜单及页面切换的应用实例。通过MainActivity设置了HorizontalScrollView来展示一系列TextView选项,并用ViewPager加载不同Fragment以实现页面切换功能。

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


//HorizontalScrollView和ViewPager的布局
<HorizontalScrollView
    android:id="@+id/hs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <LinearLayout
        android:id="@+id/ll"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        ></LinearLayout>
</HorizontalScrollView>

<android.support.v4.view.ViewPager
    android:id="@+id/vp"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_below="@id/hs"
    ></android.support.v4.view.ViewPager>


//MainActivity的主方法
package com.example.henghua;
import android.graphics.Color;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.HorizontalScrollView;
import android.widget.LinearLayout;
import android.widget.TextView;
import java.util.ArrayList;
public class MainActivity extends AppCompatActivity {
    private HorizontalScrollView hs;
    private LinearLayout ll;
    private ViewPager vp;
    private ArrayList<TextView> textViews;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //获取控件
        hs =(HorizontalScrollView) findViewById(R.id.hs);
        ll =(LinearLayout)findViewById(R.id.ll);
        vp =(ViewPager) findViewById(R.id.vp);
        String titles[]=new String[]{"福利", "Android", "ios", "休息视频", "扩展资源", "前端", "all"};
        //创建集合,存放textView
        textViews = new ArrayList<>();
        for (int i = 0; i <titles.length; i++) {
            //当前的MainActivity.this
            TextView textView = new TextView(MainActivity.this);
            //循环加入
            textView.setText(titles[i]);
            //字体设置
            textView.setTextSize(20);
            //设置id
            textView.setId(i+1000);
            //给字体设置监听  点击的时候
            textView.setOnClickListener(new View.OnClickListener(){
                @Override
                public void onClick(View v) {
                    //获取之前的ID
                    int id = v.getId();
                    //显示的id
                    vp.setCurrentItem(id-1000);
                }
            });
            //初始页选中   是红色
            if (i==0){
                textView.setTextColor(Color.RED);
            }else{
                textView.setTextColor(Color.BLACK);
            }
            //自定义布局
            LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
             //设置布局大小  左上又下
            layoutParams.setMargins(20,10,20,10);
            //添加到布局
            ll.addView(textView,layoutParams);
            //把textView添加进集合
            textViews.add(textView);
            //管理者
            Madapter madapter = new Madapter(getSupportFragmentManager());
            vp.setAdapter(madapter);
             //滑动监听
            vp.addOnPageChangeListener(new ViewPager.OnPageChangeListener(){
                @Override
                public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                    for (int j = 0; j <textViews.size() ; j++) {
                        if (position==j){
                            textViews.get(j).setTextColor(Color.RED);
                        }else{
                            textViews.get(j).setTextColor(Color.BLACK);
                        }
                    }
                    //获取当前的textView
                    TextView textView1 = textViews.get(position);
                    //设值每次滑动的距离
                    int i1 = textView1.getWidth() + 10;
                    //滑动的间距
                    hs.scrollTo(i1*position,0);
                }

                @Override
                public void onPageSelected(int position) {
                }

                @Override
                public void onPageScrollStateChanged(int state) {
                }
            });
        }
    }
    //适配器
    class Madapter extends FragmentPagerAdapter{

        public Madapter(FragmentManager fm) {
            super(fm);
        }
        @Override
        public Fragment getItem(int position) {
            if (position==0){
                 return  new Fragment2();
            }
            return Fragment1.getin(textViews.get(position).getText().toString());
        }
        @Override
        public int getCount() {
            return textViews.size();
        }
    }
}






//Fragment传值   滑动之后显示当前的页面
package com.example.henghua;
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.TextView;

//Fragment
public class Fragment1 extends Fragment{
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        Bundle arguments = getArguments();
        String title = arguments.getString("title");
        TextView textView = new TextView(getActivity());
        textView.setText(title);
        return textView;
    }

    public  static Fragment getin(String title){
        Fragment1 ff = new Fragment1();
        Bundle bundle = new Bundle();
        bundle.putString("title",title);
        ff.setArguments(bundle);
        return ff;
    }
}





//这是PullTorefresh上下拉
package com.example.henghua;
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.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import com.google.gson.Gson;
import com.handmark.pulltorefresh.library.PullToRefreshBase;
import com.handmark.pulltorefresh.library.PullToRefreshListView;
import com.nostra13.universalimageloader.core.ImageLoader;

import java.io.BufferedReader;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;
import java.net.URLConnection;
import java.util.ArrayList;
import java.util.List;

public class Fragment2 extends Fragment{

    private View view;
    private PullToRefreshListView pull;
   String path="http://gank.io/api/data/Android/10/1";
    List<User.ResultsBean> arr =new ArrayList<>();
    int i=1;
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        view = View.inflate(getActivity(), R.layout.pull, null);
        return view;
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        pull =(PullToRefreshListView)view.findViewById(R.id.pull_refresh_list);
        //设置可以上下拉
        pull.setMode(PullToRefreshBase.Mode.BOTH);
        pull.setOnRefreshListener(new PullToRefreshBase.OnRefreshListener2<ListView>() {
            @Override
            public void onPullDownToRefresh(PullToRefreshBase<ListView> refreshView) {
                arr.clear();
                i=1;
                new AsayTask().execute();
            }

            @Override
            public void onPullUpToRefresh(PullToRefreshBase<ListView> refreshView) {
                i++;
                new AsayTask().execute(path+i);
            }
        });
    }

    //异步
    class AsayTask extends AsyncTask<String,Void,String> {

        private Madapter madapter;

        @Override
        protected String doInBackground(String... params) {
            try {
                URL url = new URL(path);
                HttpURLConnection urlConnection = (HttpURLConnection)url.openConnection();
                int responseCode = urlConnection.getResponseCode();
                if (responseCode==200){
                    InputStream inputStream = urlConnection.getInputStream();
                    BufferedReader bufferedReader = new BufferedReader(new InputStreamReader(inputStream));
                    StringBuilder stringBuilder = new StringBuilder();
                    String string = "";
                    while ((string = bufferedReader.readLine()) != null) {
                        stringBuilder.append(string);
                    }
                    return  stringBuilder.toString();
                }
            } catch (Exception e) {
                e.printStackTrace();
            }
            return null;
        }

        @Override
        protected void onPreExecute() {
            super.onPreExecute();
        }

        @Override
        protected void onPostExecute(String s) {
            super.onPostExecute(s);
            Gson gson = new Gson();
            User user = gson.fromJson(s, User.class);
            List<User.ResultsBean> results = user.getResults();
            arr.addAll(results);
            madapter = new Madapter();
            pull.setAdapter(madapter);
            madapter.notifyDataSetChanged();
            pull.onRefreshComplete();
        }

        @Override
        protected void onProgressUpdate(Void... values) {
            super.onProgressUpdate(values);
        }
    }

    class Madapter extends BaseAdapter{

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

        @Override
        public Object getItem(int position) {
            return arr.get(position);
        }

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

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            User.ResultsBean resultsBean = arr.get(position);
            String imgurl = "http://img.gank.io/3b0b193d-6abf-4714-9d5a-5508404666f4";
            ViewHolder vh;
            if (convertView==null){
                convertView = View.inflate(getActivity(), R.layout.list, null);
                vh = new ViewHolder();
                vh.tv=(TextView) convertView.findViewById(R.id.tv);
                vh.img=(ImageView) convertView.findViewById(R.id.img);
                convertView.setTag(vh);
            }else{
                vh=(ViewHolder) convertView.getTag();
            }
            vh.tv.setText(resultsBean.getDesc());
            ImageLoader.getInstance().displayImage(imgurl,vh.img);
            return convertView;
        }
        class ViewHolder{
            TextView tv;
            ImageView img;
        }
    }
}



                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值