前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >高仿今日头条(1)

高仿今日头条(1)

作者头像
xiangzhihong
发布2018-02-01 16:09:19
1.1K0
发布2018-02-01 16:09:19
举报
文章被收录于专栏:向治洪向治洪向治洪

本片博客主要实现今日头条的主题框架。后面我会慢慢完善,欢迎大家持续关注

git下载地址:https://github.com/xiangzhihong/topNews/tree/master

先上两张图

直接贴代码:

 @InjectView(android.R.id.tabcontent)
    FrameLayout tabcontent;
    @InjectView(android.R.id.tabs)
    TabWidget tabs;
    @InjectView(R.id.tabhost)
    TabHost tabHost;
    @InjectView(R.id.tab_home)
    RadioButton tabHome;
    @InjectView(R.id.tab_video)
    RadioButton tabVideo;
    @InjectView(R.id.tab_topic)
    RadioButton tabTopic;
    @InjectView(R.id.tab_mine)
    RadioButton tabMine;

    private Intent topic;
    private Intent video;
    private Intent news;
    private Intent mine;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        flagBarTint(false);
        setContentView(R.layout.activity_tabhost);
        ButterKnife.inject(this);
//        UIUtil.initTintMgr(this, tabs).setStatusBarTintColor(getResources().getColor(R.color.c9));
        init(savedInstanceState);
    }

    private void init(Bundle savedInstanceState) {
        LocalActivityManager groupActivity = new LocalActivityManager(this,
                false);
        groupActivity.dispatchCreate(savedInstanceState);
        tabHost.setup(groupActivity);
        initIntent();
        addSpec();
        ((RadioGroup) findViewById(R.id.tab_radiogroup))
                .setOnCheckedChangeListener(this);
    }

    private void initIntent() {
        news = new Intent(this, NewsActivity.class);
        video = new Intent(this, VideoActivity.class);
        topic = new Intent(this, TopicActivity.class);
        mine = new Intent(this, MineActivity.class);
    }

    private void addSpec() {
        tabHost.addTab(this.buildTagSpec("home", R.string.xinwen,
                R.drawable.home_selector, news));
        tabHost.addTab(this.buildTagSpec("video", R.string.video,
                R.drawable.video_selector, video));
        tabHost.addTab(this.buildTagSpec("topic", R.string.topic,
                R.drawable.topic_selector, topic));
        tabHost.addTab(this.buildTagSpec("mine", R.string.me, R.drawable.mine_selector,
                mine));
    }

    private TabHost.TabSpec buildTagSpec(String tagName, int string, int icon,
                                         Intent content) {
        return tabHost
                .newTabSpec(tagName)
                .setIndicator(getResources().getString(string),
                        getResources().getDrawable(icon)).setContent(content);
    }

    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        switch (checkedId) {
            case R.id.tab_home:
                tabHost.setCurrentTabByTag("home");
                setCurrentChecked(tabHome);
                break;
            case R.id.tab_video:
                tabHost.setCurrentTabByTag("video");
                setCurrentChecked(tabVideo);
                break;
            case R.id.tab_topic:
                tabHost.setCurrentTabByTag("topic");
                setCurrentChecked(tabTopic);
                break;
            case R.id.tab_mine:
                tabHost.setCurrentTabByTag("mine");
                setCurrentChecked(tabMine);
                break;
        }
    }

    private void setCurrentChecked(RadioButton currentTab) {
        tabHome.setTextColor(getResources().getColor(R.color.c6));
        tabVideo.setTextColor(getResources().getColor(R.color.c6));
        tabTopic.setTextColor(getResources().getColor(R.color.c6));
        tabMine.setTextColor(getResources().getColor(R.color.c6));

        currentTab.setTextColor(getResources().getColor(R.color.c9));
    }

    boolean doubleBackToExitPressedOnce = false;

    @Override
    public void onBackPressed() {
        if (doubleBackToExitPressedOnce) {
            super.onBackPressed();
            return;
        }
        this.doubleBackToExitPressedOnce = true;
        Toast.makeText(this, "再按一次退出网易新闻", Toast.LENGTH_SHORT).show();

        new Handler().postDelayed(new Runnable() {

            @Override
            public void run() {
                doubleBackToExitPressedOnce = false;
            }
        }, 2000);
    }

主要看一下我自己封装的TabStrip,

public class TabStrip extends HorizontalScrollView {
    public interface IconTabProvider {
        public int getPageIconResId(int position);
    }

    private static final int[] ATTRS = new int[]{
            android.R.attr.textSize,
            android.R.attr.textColor
    };
    private LinearLayout.LayoutParams defaultTabLayoutParams;
    private LinearLayout.LayoutParams expandedTabLayoutParams;

    private final PageListener pageListener = new PageListener();
    public OnPageChangeListener delegatePageListener;

    private LinearLayout tabsContainer;
    private ViewPager pager;
    private int tabCount;
    private int currentPosition = 0;
    private int tabCurrentPosition=0;
    private float currentPositionOffset = 0f;
    private Paint rectPaint;

    private int indicatorColor = 0xFF666666;
    private int underlineColor = 0x1A000000;
    private int tabTextColor = 0xFF666666;
    private int tabCheckTextColor = 0xFF666666;
    private boolean shouldExpand = false;
    private int scrollOffset = 52;
    private int indicatorHeight = 8;
    private int underlineHeight = 2;
    private int tabPadding = 20;
    private int tabTextSize = 14;
    private Typeface tabTypeface = null;
    private int tabTypefaceStyle = Typeface.BOLD;
    private int lastScrollX = 0;
    private Locale locale;


    public TabStrip(Context context) {
        this(context, null);
    }

    public TabStrip(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public TabStrip(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        setFillViewport(true);
        setWillNotDraw(false);
        tabsContainer = new LinearLayout(context);
        tabsContainer.setOrientation(LinearLayout.HORIZONTAL);
        tabsContainer.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
        addView(tabsContainer);

        DisplayMetrics dm = getResources().getDisplayMetrics();

        scrollOffset = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, scrollOffset, dm);
        indicatorHeight = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, indicatorHeight, dm);
        underlineHeight = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, underlineHeight, dm);
        tabPadding = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, tabPadding, dm);
        tabTextSize = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, tabTextSize, dm);
        TypedArray a = context.obtainStyledAttributes(attrs, ATTRS);
        tabTextSize = a.getDimensionPixelSize(0, tabTextSize);
        tabTextColor = a.getColor(0, tabTextColor);
        a.recycle();

        a = context.obtainStyledAttributes(attrs, R.styleable.TabStrip);
        indicatorColor = a.getColor(R.styleable.TabStrip_indicatorLineColor, indicatorColor);
        underlineColor = a.getColor(R.styleable.TabStrip_underlineColor, underlineColor);
        tabCheckTextColor = a.getColor(R.styleable.TabStrip_tabCheckTextColor, tabTextColor);
        tabTextSize = a.getDimensionPixelSize(R.styleable.TabStrip_tabTextSize, tabTextSize);
        indicatorHeight = a.getDimensionPixelSize(R.styleable.TabStrip_indicatorHeight, indicatorHeight);
        underlineHeight = a.getDimensionPixelSize(R.styleable.TabStrip_underlineHeight, underlineHeight);
        tabPadding = a.getDimensionPixelSize(R.styleable.TabStrip_tabPaddingLeftRight, tabPadding);
        shouldExpand = a.getBoolean(R.styleable.TabStrip_shouldExpand, shouldExpand);
        scrollOffset = a.getDimensionPixelSize(R.styleable.TabStrip_scrollOffset, scrollOffset);
        a.recycle();
        rectPaint = new Paint();
        rectPaint.setAntiAlias(true);
        rectPaint.setStyle(Paint.Style.FILL);

        defaultTabLayoutParams = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT);
        expandedTabLayoutParams = new LinearLayout.LayoutParams(0, LayoutParams.MATCH_PARENT, 1.0f);

        if (locale == null) {
            locale = getResources().getConfiguration().locale;
        }
    }

    public void setViewPager(ViewPager pager) {
        this.pager = pager;
        if (pager.getAdapter() == null) {
            throw new IllegalStateException("ViewPager does not have adapter instance.");
        }
        pager.setOnPageChangeListener(pageListener);
        notifyDataSetChanged();
    }

    public void setOnPageChangeListener(OnPageChangeListener listener) {
        this.delegatePageListener = listener;
    }

    public void notifyDataSetChanged() {
        tabsContainer.removeAllViews();
        tabCount = pager.getAdapter().getCount();
        for (int i = 0; i < tabCount; i++) {
            if (pager.getAdapter() instanceof IconTabProvider) {
                addIconTab(i, ((IconTabProvider) pager.getAdapter()).getPageIconResId(i));
            } else {
                addTextTab(i, pager.getAdapter().getPageTitle(i).toString());
            }
        }
        updateTabStyles();
        getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {

            @Override
            public void onGlobalLayout() {

                if (Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN) {
                    getViewTreeObserver().removeGlobalOnLayoutListener(this);
                } else {
                    getViewTreeObserver().removeOnGlobalLayoutListener(this);
                }

                currentPosition = pager.getCurrentItem();
                scrollToChild(currentPosition, 0);
            }
        });

    }

    private void addTextTab(final int position, String title) {
        TextView tab = new TextView(getContext());
        tab.setText(title);
        tab.setGravity(Gravity.CENTER);
        tab.setSingleLine();
        addTab(position, tab);
    }

    private void addIconTab(final int position, int resId) {
        ImageButton tab = new ImageButton(getContext());
        tab.setImageResource(resId);
        addTab(position, tab);
    }

    private void addTab(final int position, View tab) {
        tab.setFocusable(true);
        tab.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                pager.setCurrentItem(position);
            }
        });

        tab.setPadding(tabPadding, 0, tabPadding, 0);
        tabsContainer.addView(tab, position, shouldExpand ? expandedTabLayoutParams : defaultTabLayoutParams);
    }

    private void updateTabStyles() {
        for (int i = 0; i < tabCount; i++) {
            View v = tabsContainer.getChildAt(i);
            if (v instanceof TextView) {
                TextView tab = (TextView) v;
                tab.setTextSize(TypedValue.COMPLEX_UNIT_PX, tabTextSize);
                tab.setTypeface(tabTypeface, tabTypefaceStyle);
                if (i==currentPosition){
                    tab.setTextColor(tabCheckTextColor);
                }else {
                    tab.setTextColor(tabTextColor);
                }
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.ICE_CREAM_SANDWICH) {
                    tab.setAllCaps(true);
                } else {
                    tab.setText(tab.getText().toString().toUpperCase(locale));
                }
            }
        }

    }

    private void scrollToChild(int position, int offset) {
        if (tabCount == 0) {
            return;
        }
        int newScrollX = tabsContainer.getChildAt(position).getLeft() + offset;
        if (position > 0 || offset > 0) {
            newScrollX -= scrollOffset;
        }
        if (newScrollX != lastScrollX) {
            lastScrollX = newScrollX;
            scrollTo(newScrollX, 0);
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (isInEditMode() || tabCount == 0) {
            return;
        }
        final int height = getHeight();
        rectPaint.setColor(indicatorColor);
        View currentTab = tabsContainer.getChildAt(currentPosition);
        float lineLeft = currentTab.getLeft();
        float lineRight = currentTab.getRight();
        if (currentPositionOffset > 0f && currentPosition < tabCount - 1) {
            View nextTab = tabsContainer.getChildAt(currentPosition + 1);
            final float nextTabLeft = nextTab.getLeft();
            final float nextTabRight = nextTab.getRight();

            lineLeft = (currentPositionOffset * nextTabLeft + (1f - currentPositionOffset) * lineLeft);
            lineRight = (currentPositionOffset * nextTabRight + (1f - currentPositionOffset) * lineRight);
        }
        canvas.drawRect(lineLeft, height - indicatorHeight, lineRight, height, rectPaint);

//		rectPaint.setColor(underlineColor);
//		canvas.drawRect(0, height - underlineHeight, tabsContainer.getWidth(), height, rectPaint);

    }

    private class PageListener implements OnPageChangeListener {

        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            currentPosition = position;
            currentPositionOffset = positionOffset;
            updateTabStyles();
            scrollToChild(position, (int) (positionOffset * tabsContainer.getChildAt(position).getWidth()));
            invalidate();
            if (delegatePageListener != null) {
                delegatePageListener.onPageScrolled(position, positionOffset, positionOffsetPixels);
            }
        }

        @Override
        public void onPageScrollStateChanged(int state) {
            if (state == ViewPager.SCROLL_STATE_IDLE) {
                scrollToChild(pager.getCurrentItem(), 0);
            }
            if (delegatePageListener != null) {
                delegatePageListener.onPageScrollStateChanged(state);
            }
        }

        @Override
        public void onPageSelected(int position) {
            if (delegatePageListener != null) {
                delegatePageListener.onPageSelected(position);
            }
        }
    }


    @Override
    public void onRestoreInstanceState(Parcelable state) {
        SavedState savedState = (SavedState) state;
        super.onRestoreInstanceState(savedState.getSuperState());
        currentPosition = savedState.currentPosition;
        requestLayout();
    }

    @Override
    public Parcelable onSaveInstanceState() {
        Parcelable superState = super.onSaveInstanceState();
        SavedState savedState = new SavedState(superState);
        savedState.currentPosition = currentPosition;
        return savedState;
    }

    static class SavedState extends BaseSavedState {
        int currentPosition;

        public SavedState(Parcelable superState) {
            super(superState);
        }

        private SavedState(Parcel in) {
            super(in);
            currentPosition = in.readInt();
        }

        @Override
        public void writeToParcel(Parcel dest, int flags) {
            super.writeToParcel(dest, flags);
            dest.writeInt(currentPosition);
        }

        public static final Parcelable.Creator<SavedState> CREATOR = new Parcelable.Creator<SavedState>() {
            @Override
            public SavedState createFromParcel(Parcel in) {
                return new SavedState(in);
            }

            @Override
            public SavedState[] newArray(int size) {
                return new SavedState[size];
            }
        };
    }

然后在我们使用的地方只需要剪短的代码就好了。

 <xzh.com.wangyinews.view.TabStrip
             android:id="@+id/tabstrip"
             android:layout_width="wrap_content"
             android:layout_height="match_parent"
             app:indicatorLineColor="@color/c9"
             app:indicatorHeight="3px"
             app:underlineColor="@color/c3"
             app:tabTextSize="16sp"
             app:tabCheckTextColor="@color/c9"
             app:tabPaddingLeftRight="15dp"
             android:scrollbars="none"
             />

是不是很简单

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016-04-27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档