横向滑动菜单的使用


import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.widget.HorizontalScrollView;
import android.widget.LinearLayout;
import android.widget.TextView;


import com.wzq.scrollviewindicater.fragment.MFragment;


import java.util.ArrayList;


public class MainActivity extends FragmentActivity  implements View.OnClickListener{


    private LinearLayout ll_head;
    private ViewPager viewPager;
    private String[] titles;
    private HorizontalScrollView hsv;
    private ArrayList<TextView> titlesView;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ll_head = (LinearLayout) findViewById(R.id.ll_header);
        hsv = (HorizontalScrollView) findViewById(R.id.hsv);
        viewPager = (ViewPager) findViewById(R.id.viewpager);
        titles = new String[]{"头条", "娱乐", "科技", "信息", "八卦", "北京", "上海", "天津",
                "重庆", "大大燕网"};
        //动态添加顶部textview
        initTitles();
        viewPager.setAdapter(new MPagerAdapter(getSupportFragmentManager()));
        setOnClickListener();

    }

    /**
     * 动态生成标题
     */
    private void initTitles() {
        titlesView = new ArrayList<>();//装标题控件的集合
        for (int i = 0; i < titles.length; i++) {
            TextView textView = new TextView(MainActivity.this);
            textView.setTextSize(35);
            if (i == 0) {
                textView.setTextColor(Color.RED);
            }
            textView.setText(titles[i]);
            textView.setId(i);//把循环的i设置给textview的下标;
            textView.setOnClickListener(this);


            //LinearLayout中的孩子的定位参数
            LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,LinearLayout.LayoutParams.MATCH_PARENT);
           layoutParams.setMargins(10,10,10,10);//设置左上右下四个margin值;
            //layoutParams是让linearLayout知道如何摆放自己孩子的位置的;
            ll_head.addView(textView,layoutParams);
            titlesView.add(textView);
        }
    }


    /*
     * 设置顶部标题点击事件;
     */
    private void setOnClickListener() {
        viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {


            }


            @Override
            public void onPageScrollStateChanged(int state) {


            }


            @Override
            public void onPageSelected(int position) {
                // 标题变色,用循环改变标题颜色,通过判断来决定谁红谁灰;
                // 举例:娱乐的下标是position是1
                for (int i = 0; i < titles.length; i++) {
                    if(i == position){
                        titlesView.get(i).setTextColor(Color.RED);
                    }else {
                        titlesView.get(i).setTextColor(Color.GRAY);
                    }


                }
                // 标题滑动功能
                int width = titlesView.get(position).getWidth();
                int totalWidth = (width +20)*position;
                hsv.scrollTo(totalWidth,0);


            }
        });


    }


    /**
     * 让activity实现点击事件接口
     * 点击文字的时候回出发这个点击事件;
     * @param view
     */
    @Override
    public void onClick(View view) {
        int position = view.getId();//就是下标
        viewPager.setCurrentItem(position);
    }




    /**
     * 底部viewpager要使用的FragmentUI适配器
     */
    private class MPagerAdapter extends FragmentPagerAdapter {
        public MPagerAdapter(FragmentManager fm) {
            super(fm);
        }


        @Override
        public Fragment getItem(int position) {
            return MFragment.getInstance(titles[position]);
        }


        @Override
        public int getCount() {
            return titles.length;
        }
    }
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="keywords" content="JS代码,菜单导航,JS广告代码,JS特效代码" /> <meta name="description" content="此代码内容为巧克力jQuery横向二级滑动导航菜单,属于站长常用代码,更多菜单导航代码请访问懒人图库JS代码频道。" /> <title>巧克力jQuery横向二级滑动导航菜单_懒人图库</title> <link href="css/lrtk.css" rel="stylesheet" type="text/css" /> <script language="javascript" type="text/javascript" src="js/jquery-1.4.2.js"></script> <script language="javascript" type="text/javascript" src="js/lrtk.js"></script> </head> <body> <!-- 代码 开始 --> <div id="menu"> <ul id="nav"> <li class="mainlevel"><span class="note">首页</span></li> <li class="mainlevel" id="mainlevel_01"><a href="#">环境可视化</a> <ul class="sub_nav_01"> <span class="Triangle_con"></span> <li><a href="#">空调</a></li> <li><a href="#">电量仪</a></li> <li><a href="#">温度</a></li> </ul> </li> <li class="mainlevel" id="mainlevel_02"><a href="#">容量可视化</a> <ul class="sub_nav_01"> <span class="Triangle_con"></span> <li><a href="#">电力功耗</a></li> <li><a href="#">机柜承重</a></li> <li><a href="#">空余U位</a></li> <li><a href="#">机柜位置</a></li> </ul> </li> <li class="mainlevel"><a href="#">管线可视化</a> <ul class="sub_nav_01"> <span class="Triangle_con"></span> <li><a href="#">供电管路</a></li> </ul> </li> <li class="mainlevel"><a href="#">监控可视化</a><!--input an em tag as a space,IE is gread need--> <ul class="sub_nav_01"> <span class="Triangle_con"></span> <li><a href="#">安防设施</a></li> <li><a href="#">云图</a></li> <li><a href="#">气流</a></li> </ul> </li> <li class="mainlevel"><a href="#">演示可视化</a> <ul class="sub_nav_01"> <span class="Triangle_con"></span> <li><a href="#">动画演示</a></li> <li><a href="#">安防设施</a></li> </ul> </li> </ul> </div> <!-- 代码 结束 --> </body> </html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值