可水平居中的TextView

如上图所示：多个TextView一行内显示不下，可水平拖动，点击某个TextView后，可以屏幕居中，则居中。

curTv.getLeft()为相对于起始点的绝对坐标，值可以大于屏幕的宽度。

HorizontalScrollView内LineLayout的宽度，在fragment的onViewCreated方法中无法获取，要调用mLineLayout.post方法才可。

java:

public class FragmentProject extends BaseFragment {
    private static final String TAG = "FragmentProject";
    private Context mContext;
    private View mRootView;
    private FragmentActivity mActivity;

    private ProjectTitleScrollView mScrollView;
    private LinearLayout mLineLayout;
    private ViewPager mVp;
    //FragmentStatePagerAdapter会回收fragment，会执行onDestroyView、onDestroy方法，可很好的控制内存
    private FragmentStatePagerAdapter mAdapter;
    private SparseArray<FragmentProjectArticleList> mFrList = new SparseArray<>();

    //scrCx : 屏幕的中轴线
    //scrollOverX : 滑动后，偏移的x坐标
    private int scrCx, scrollOverX;
    
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        mRootView = inflater.inflate(R.layout.fragment_project, container, false);
        return mRootView;
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        mContext = getContext();
        mActivity = getActivity();

        initView();
        initDate();
    }

    private void initView() {
        mLineLayout = mRootView.findViewById(R.id.ll_text);
        mScrollView = mRootView.findViewById(R.id.scrollView);
        mVp = mRootView.findViewById(R.id.project_vp);

        mScrollView.setListener(new ScrollViewListener() {
            @Override
            public void onScrollChanged(HorizontalScrollView scrollView, int l, int t, int oldl, int oldt) {
//                Log.d(TAG, "onScrollChanged: oldl =" + oldl + ", l = " + l);
                scrollOverX = l;
            }
        });
    }

    private ProjectPresenter mPresenter;
    private ArrayList<ProjectResult.DataBean> mDataList = new ArrayList<>();

    private void initDate() {
		showHScrollTextView();
    }

    private void showHScrollTextView(){
        scrCx = Utils.getScreenW(mContext)/2;
//        Log.d(TAG, "initDate: scrCx = " + scrCx);
//
         ArrayList<String> list = new ArrayList<>();

        list.add("项目1");
        list.add("项目2");
        list.add("项目3");
        list.add("项目1333");
        list.add("项目14444");
        list.add("项目15556");
        list.add("项目15555555577777");
        list.add("项目1555555558888");
        list.add("项目");
        list.add("项目1");

        LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        layoutParams.setMargins(Utils.dp2px(mContext,15),0,Utils.dp2px(mContext,15),0);//4个参数按顺序分别是左上右下

        for (int i = 0; i < list.size(); i++){
            TextView tv = new TextView(mContext);
            tv.setText(list.get(i));
            tv.setTextSize(TypedValue.COMPLEX_UNIT_SP, 20);

            tv.setTextColor(i == 0 ? Color.WHITE : getResources().getColor(R.color.little_dark));
            tv.setLayoutParams(layoutParams);
            tv.setTag(i);
            mLineLayout.addView(tv);

            tv.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    onItemClick(view);
                }
            });
        }

        //只写mLineLayout.getRight()，获取的值为0，此时mLineLayout还没绘制完成，得不到值
        //https://www.cnblogs.com/ouyangping/p/7398753.html
//        mLineLayout.post(new Runnable() {
//            @Override
//            public void run() {
//                LINEAR_LAYOUT_W = mLineLayout.getRight();
                Log.d(TAG, "initDate: LINEAR_LAYOUT_W = " + LINEAR_LAYOUT_W + ", " + mLineLayout.getWidth());
//            }
//        });
    }

    private void onItemClick(View view){
        int index = (int)((TextView)view).getTag();
        TextView curTv = (TextView)mLineLayout.getChildAt(index);
        //getLeft 和onLayout之后的getWidth的关系？都是在布局之后，可以得到其值的吗？
        Log.d(TAG, "onClick: index = " + index + ", " + curTv.getText()
                + ", 范围[" + curTv.getLeft() + "," + curTv.getRight() + "]"
//                + ", all_l = " + mScrollView.getLeft() + ", all_r = " + mScrollView.getRight()
//                + ", l_l = " + mLineLayout.getLeft() + ", l_r = " + mLineLayout.getRight()
//                + ", l_w = " + mLineLayout.getWidth() + ", margin_l/r = " + Utils.dp2px(mContext,30)
        );

        //textAbsCx : text的中轴线到scrollView的绝对距离
        int textAbsCx = (curTv.getRight()+curTv.getLeft())/2;
        Log.d(TAG, "onItemClick: textAbsCx = " + textAbsCx + ", scrollOverX = " + scrollOverX);

        //当前text的中心轴线距离屏幕左边界的距离，也就是text中轴线的值
        int textCx2ScrLDis = textAbsCx - scrollOverX;
        Log.d(TAG, "textCx2ScrLDis = " + textCx2ScrLDis + ", scrCx = " + scrCx);
//        if (textCx2ScrLDis > scrCx){//text中轴线在屏幕中轴线右侧
//            //text是否可以向左移动到屏幕中轴线处：都可以
//            mScrollView.smoothScrollBy(textCx2ScrLDis-scrCx, 0);
//        } else {//左侧
//            //text是否可以向右移动到屏幕中轴线处
//            if (scrollOverX < scrCx) {
//                if (textAbsCx > scrCx) {//可以
//                    mScrollView.smoothScrollBy(textCx2ScrLDis-scrCx, 0);
//                } else {//回到最开始
//                    mScrollView.smoothScrollTo(0, 0);
//                }
//            } else {//可以
//                mScrollView.smoothScrollBy(textCx2ScrLDis-scrCx, 0);
//            }
//        }

        if (textCx2ScrLDis < scrCx && scrollOverX < scrCx && textAbsCx < scrCx) {
            mScrollView.smoothScrollTo(0, 0);
        } else {
            mScrollView.smoothScrollBy(textCx2ScrLDis-scrCx, 0);
        }

        for (int i = 0; i < mLineLayout.getChildCount(); i++){
            TextView temTv = (TextView) mLineLayout.getChildAt(i);
            temTv.setTextColor(i == index ? Color.WHITE : getResources().getColor(R.color.little_dark));
        }
    }
}

xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.lyl.wanandroid.view.ProjectTitleScrollView
        android:layout_width="wrap_content"
        android:layout_height="@dimen/titleBarH"
        android:scrollbars="none"
        android:background="@color/colorPrimary"
        android:id="@+id/scrollView">
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/ll_text"
            android:orientation="horizontal"
            android:layout_gravity="center_vertical"
            android:paddingLeft="15dp"
            android:paddingRight="15dp"/>
<!--        android:layout_gravity="center_vertical"
layout_gravity是设置自身相当于父容器的对齐方式
-->
<!--        android:gravity="center_vertical"-->
    </com.lyl.wanandroid.view.ProjectTitleScrollView>

    <android.support.v4.view.ViewPager
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/project_vp"/>
</LinearLayout>

public interface ScrollViewListener {
    void onScrollChanged(HorizontalScrollView scrollView, int l, int t, int oldl, int oldt);
}

 

ps : ScrollView和HorizontalScrollView

ScrollView就是一个可以滚动的View，这个滚动的方向是垂直方向的，而HorizontalScrollView则是一个水平方向的可以滚动的View。二者只是两种滚动方向不同的View而已，其他方面都基本相同。

屏幕大小总是有限制的，对移动设备来说更是如此。当有很多内容需要显示的时候，一屏显示不完时，就需要使用滚动的方式。

ScrollView只能包含一个直接子view，这是因为ScrollView是FrameLayout的派生类，通常情况下，这个直接子view是一个LinearLayout，在直接子view(比如LinearLayout)中，可以再包含其他对象。

对于ScrollView来说，因为其是垂直方向上的滚动布局，因此通常我们给其添加一个LinearLayout的子元素，并且设置orientation为vertical(垂直方向的)

如果要屏幕支持垂直滚动和水平滚动，那么就要让HorizontalScrollView作为ScrollView的直接子view，或者让ScrollView作为HorizontalScrollView的直接子view。

Android UI系列-----ScrollView和HorizontalScrollView
ScrollView/HorizontalScrollView常用技巧