页面高级轮播

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

/**
 * Created by 丶未央 on 2018/1/8.
 */

public class Fragmentone extends Fragment {

    private ViewPager vpo;
    private LinearLayout ll;
    private List<String> list=new ArrayList<>();
    private TextView texto;
    private List<TextView> menus=new ArrayList<>();
    private HorizontalScrollView hsv;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment, container, false);
        vpo = view.findViewById(R.id.vpo);
        ll = view.findViewById(R.id.ll);
        hsv = view.findViewById(R.id.hsv);

        getshuju();
        //设置适配器
        vpo.setAdapter(new FragmentPagerAdapter(getActivity().getSupportFragmentManager()) {
            @Override
            public Fragment getItem(int position) {
                Content content = new Content();
                Bundle bundle=new Bundle();
                bundle.putString("data",list.get(position));
                content.setArguments(bundle);
                return content;
            }

            @Override
            public int getCount() {
                return list.size();
            }
        });
        vpo.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
           //改变菜单颜色
                setMenuColor(position);
                //滚动
                moveMenu(position);
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
        return view;
    }
    public void moveMenu(int index){
        TextView textView = menus.get(index);
        float x = textView.getX();//在x轴上的坐标

        //滚动到指定的位置
        hsv.scrollTo((int)x,0);



    }
    /**
     * 设置菜单的颜色
     * @param index
     */
    public void setMenuColor(int index){
        for (int i = 0; i <menus.size() ; i++) {
            if(i==index){
                menus.get(i).setTextColor(Color.GREEN);//选中
            }else{
                menus.get(i).setTextColor(Color.BLACK);
            }
        }
    }
    private void getshuju(){
        list.add("推荐");
        list.add("新时代");
        list.add("热点");
        list.add("北京");
        list.add("视屏");
        list.add("图片");
        list.add("娱乐");
        list.add("问答");
        list.add("汽车");
        list.add("科技");
        list.add("军事");
        list.add("财金");
        for (int i=0;i<list.size();i++){
            texto = new TextView(getActivity());
            texto.setText(list.get(i));
            if(i==0){
                texto.setTextColor(Color.GREEN);
            }else{
                texto.setTextColor(Color.BLACK);
            }

            //记录texto下标值
            texto.setTag(i);
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT);
            params.setMargins(0,5,10,55);
            texto.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    String menu = ((TextView) view).getText().toString();
                 //   Toast.makeText(Fragmentone.this,(Integer) view.getTag()+":"+menu,Toast.LENGTH_SHORT).show();
                  vpo.setCurrentItem((Integer) view.getTag());
                }
            });
            //添加子视图
            ll.addView(texto,params);
            menus.add(texto);
        }

    }
}
 
 
 
import android.content.Context;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

import java.util.List;

/**
 * Created by 丶未央 on 2018/1/9.
 */

class Myabapterone extends PagerAdapter{
    Context context;
    List<Integer> list;
    public Myabapterone(Context context, List<Integer> list) {
        this.context=context;
        this.list=list;
    }

    @Override
    public int getCount() {
        return Integer.MAX_VALUE;
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view==object;
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        ImageView imageView = new ImageView(context);
        imageView.setImageResource(list.get(position%list.size()));
        container.addView(imageView);
        return imageView;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView((View) object);
    }
}

 

                
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Sorry, 我是AI语言模型,无法展示HTML页面。以下是一个简单的HTML模板供您参考: <!DOCTYPE html> <html> <head> <title>旅游网站</title> <style> /* CSS 样式 */ body { background-image: url("动态图.jpg"); background-size: cover; background-position: center; color: white; font-family: Arial, sans-serif; padding-top: 100px; } .header { position: fixed; top: 0; left: 0; right: 0; height: 100px; background-image: url("轮播背景图.jpg"); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: space-between; padding: 0 100px; z-index: 1; } .logo { font-size: 2em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .nav { display: flex; align-items: center; justify-content: space-between; width: 300px; } .nav a { color: white; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin-left: 20px; } .main { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 50px; } .card { background-color: rgba(255, 255, 255, 0.8); border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); margin: 20px; padding: 20px; width: 300px; text-align: center; transition: all 0.3s ease-in-out; } .card:hover { transform: translateY(-10px); box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); } .card img { width: 100%; height: 200px; object-fit: cover; border-radius: 5px; margin-bottom: 20px; } .card h2 { font-size: 1.5em; font-weight: bold; margin-bottom: 10px; } .card p { font-size: 1.2em; line-height: 1.4em; margin-bottom: 20px; } .card button { background-color: #ff5722; color: white; border: none; border-radius: 5px; padding: 10px 20px; font-size: 1.2em; font-weight: bold; cursor: pointer; } .card button:hover { background-color: #f44336; } .footer { background-color: #333; color: white; padding: 20px; text-align: center; position: fixed; bottom: 0; left: 0; right: 0; } .footer p { margin: 0; } </style> </head> <body> <header class="header"> <div class="logo">旅游网站</div> <nav class="nav"> <a href="#">首页</a> <a href="#">旅游路线</a> <a href="#">酒店预订</a> <a href="#">关于我们</a> </nav> </header> <main class="main"> <div class="card"> <img src="路线1.jpg" alt="路线1"> <h2>路线1</h2> <p>这是一条非常棒的旅游路线,包括了许多经典景点和美食,欢迎来体验!</p> <button>立即预订</button> </div> <div class="card"> <img src="路线2.jpg" alt="路线2"> <h2>路线2</h2> <p>这是一条非常棒的旅游路线,包括了许多经典景点和美食,欢迎来体验!</p> <button>立即预订</button> </div> <div class="card"> <img src="路线3.jpg" alt="路线3"> <h2>路线3</h2> <p>这是一条非常棒的旅游路线,包括了许多经典景点和美食,欢迎来体验!</p> <button>立即预订</button> </div> <div class="card"> <img src="路线4.jpg" alt="路线4"> <h2>路线4</h2> <p>这是一条非常棒的旅游路线,包括了许多经典景点和美食,欢迎来体验!</p> <button>立即预订</button> </div> </main> <footer class="footer"> <p>版权所有 © 2021 旅游网站</p> </footer> </body> </html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值