P2PInvest笔记02

阅读原文

09-HomeFragment中自定义圆形进度条ui-RoundProgress

/**
 * @author: Hashub
 * @WeChat: NGSHMVP
 * @Date: 2018/9/19 21:30
 * @function:自定义的圆形进度条
 */
public class RoundProgress extends View
{
//设置绘制的圆环及文本的属性---->使用自定义属性替换
//    private int roundColor = Color.GRAY;//圆环的颜色
//    private int roundProgressColor = Color.RED;//圆弧的颜色
//    private int textColor = Color.BLUE;//文本的颜色
//
//    private int roundWidth = UIUtils.dp2px(10);//圆环的宽度
//    private int textSize = UIUtils.dp2px(20);//文本的字体大小
//
//    private int max = 100;//圆环的最大值
//    private int progress = 60;//圆环的进度

    //使用自定义属性来初始化如下的变量
    private int roundColor;//圆环的颜色
    private int roundProgressColor;//圆弧的颜色
    private int textColor;//文本的颜色

    private float roundWidth;//圆环的宽度
    private float textSize;//文本的字体大小

    private int max;//圆环的最大值
    private int progress;//圆环的进度

    private int width;//当前视图的宽度（=高度）

    private Paint paint;//画笔

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

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

    public RoundProgress(Context context, AttributeSet attrs, int defStyleAttr)
    {
        super(context, attrs, defStyleAttr);

        //初始化画笔
        paint = new Paint();
        paint.setAntiAlias(true);//去除毛边

        //获取自定义的属性
        //1.获取TypeArray的对象(调用两个参数的方法）
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RoundProgress);

        //2.取出所有的自定义属性
        roundColor = typedArray.getColor(R.styleable.RoundProgress_roundColor, Color.GRAY);
        roundProgressColor = typedArray.getColor(R.styleable.RoundProgress_roundProgressColor, Color.RED);
        textColor = typedArray.getColor(R.styleable.RoundProgress_textColor, Color.GREEN);
        roundWidth = typedArray.getDimension(R.styleable.RoundProgress_roundWith, UIUtils.dp2px(10));
        textSize = typedArray.getDimension(R.styleable.RoundProgress_textSize, UIUtils.dp2px(20));
        max = typedArray.getInteger(R.styleable.RoundProgress_max, 100);
        progress = typedArray.getInteger(R.styleable.RoundProgress_progress, 30);

        //3.回收处理
        typedArray.recycle();
    }

    public int getMax()
    {
        return max;
    }

    public void setMax(int max)
    {
        this.max = max;
    }

    public int getProgress()
    {
        return progress;
    }

    public void setProgress(int progress)
    {
        this.progress = progress;
    }

    //测量：获取当前视图宽高
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
    {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        width = this.getMeasuredWidth();
    }


    /**
     * canvas:画布，对应着视图在布局中的范围区间。范围的左上顶点即为坐标原点
     *
     * @param canvas
     */
    @Override
    protected void onDraw(Canvas canvas)
    {
        //1.绘制圆环
        //获取圆心坐标
        int cx = width / 2;
        int cy = width / 2;
        float radius = width / 2 - roundWidth / 2;
        paint.setColor(roundColor);//设置画笔颜色
        paint.setStyle(Paint.Style.STROKE);//设置圆环的样式
        paint.setStrokeWidth(roundWidth);//设置圆环的宽度
        canvas.drawCircle(cx, cy, radius, paint);

        //2.绘制圆弧
        RectF rectF = new RectF(roundWidth / 2, roundWidth / 2, width - roundWidth / 2, width - roundWidth / 2);
        paint.setColor(roundProgressColor);//设置画笔颜色
        canvas.drawArc(rectF, 0, progress * 360 / max, false, paint);

        //3.绘制文本
        String text = progress * 100 / max + "%";
        //设置paint
        paint.setColor(textColor);
        paint.setTextSize(textSize);
        paint.setStrokeWidth(0);
        Rect rect = new Rect();//创建了一个矩形，此时矩形没有具体的宽度和高度
        paint.getTextBounds(text, 0, text.length(), rect);//此时的矩形的宽度和高度即为整好包裹文本的矩形的宽高
        //获取左下顶点的坐标
        int x = width / 2 - rect.width() / 2;
        int y = width / 2 + rect.height() / 2;


        canvas.drawText(text, x, y, paint);

    }
}

010-HomeFragment中自定义ui-MyScrollView，实现头尾部的下拉、上拉

/**
 * @author: Hashub
 * @WeChat: NGSHMVP
 * @Date: 2018/9/19 21:31
 * @function:自定义尾部上拉下拉
 */
public class MyScrollView extends ScrollView
{
    private View childView;

    public MyScrollView(Context context)
    {
        super(context);
    }

    public MyScrollView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
    }

    public MyScrollView(Context context, AttributeSet attrs, int defStyleAttr)
    {
        super(context, attrs, defStyleAttr);
    }

    //获取子视图
    @Override
    protected void onFinishInflate()
    {
        super.onFinishInflate();
        if (getChildCount() > 0)
        {
            childView = getChildAt(0);
        }
    }

    private int lastY;//上一次y轴方向操作的坐标位置
    private Rect normal = new Rect();//用于记录临界状态的左、上、右、下
    private boolean isFinishAnimation = true;//是否动画结束

    private int lastX, downX, downY;

    //拦截:实现父视图对子视图的拦截
    //是否拦截成功，取决于方法的返回值。返回值true:拦截成功。反之，拦截失败
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev)
    {
        boolean isIntercept = false;
        int eventX = (int) ev.getX();
        int eventY = (int) ev.getY();
        switch (ev.getAction())
        {
            case MotionEvent.ACTION_DOWN:
                lastX = downX = eventX;
                lastY = downY = eventY;
                break;
            case MotionEvent.ACTION_MOVE:
                //获取水平和垂直方向的移动距离
                int absX = Math.abs(eventX - downX);
                int absY = Math.abs(eventY - downY);

                if (absY > absX && absY >= UIUtils.dp2px(10))
                {
                    isIntercept = true;//执行拦截
                }

                lastX = eventX;
                lastY = eventY;
                break;
        }

        return isIntercept;
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev)
    {
        if (childView == null || !isFinishAnimation)
        {
            return super.onTouchEvent(ev);
        }

        int eventY = (int) ev.getY();//获取当前的y轴坐标
        switch (ev.getAction())
        {
            case MotionEvent.ACTION_DOWN:
                lastY = eventY;
                break;
            case MotionEvent.ACTION_MOVE:

                int dy = eventY - lastY;//微小的移动量

                if (isNeedMove())
                {
                    if (normal.isEmpty())
                    {
                        //记录了childView的临界状态的左、上、右、下
                        normal.set(childView.getLeft(), childView.getTop(), childView.getRight(), childView.getBottom());

                    }
                    //重新布局
                    childView.layout(childView.getLeft(), childView.getTop() + dy / 2, childView.getRight(), childView.getBottom() + dy / 2);
                }

                lastY = eventY;//重新赋值
                break;
            case MotionEvent.ACTION_UP:
                if (isNeedAnimation())
                {
                    //使用平移动画
                    int translateY = childView.getBottom() - normal.bottom;
                    TranslateAnimation translateAnimation = new TranslateAnimation(0, 0, 0, -translateY);
                    translateAnimation.setDuration(200);
//                translateAnimation.setFillAfter(true);//停留在最终位置上

                    translateAnimation.setAnimationListener(new Animation.AnimationListener()
                    {
                        @Override
                        public void onAnimationStart(Animation animation)
                        {
                            isFinishAnimation = false;
                        }

                        @Override
                        public void onAnimationEnd(Animation animation)
                        {
                            isFinishAnimation = true;
                            childView.clearAnimation();//清除动画
                            //重新布局
                            childView.layout(normal.left, normal.top, normal.right, normal.bottom);
                            //清除normal的数据
                            normal.setEmpty();
                        }

                        @Override
                        public void onAnimationRepeat(Animation animation)
                        {

                        }
                    });

                    //启动动画
                    childView.startAnimation(translateAnimation);
                }


                break;
        }


        return super.onTouchEvent(ev);
    }

    //判断是否需要执行平移动画
    private boolean isNeedAnimation()
    {
        return !normal.isEmpty();

    }

    private boolean isNeedMove()
    {
        int childMeasuredHeight = childView.getMeasuredHeight();//获取子视图的高度
        int scrollViewMeasuredHeight = this.getMeasuredHeight();//获取布局的高度

        Log.e("TAG", "childMeasuredHeight = " + childMeasuredHeight);
        Log.e("TAG", "scrollViewMeasuredHeight = " + scrollViewMeasuredHeight);

        int dy = childMeasuredHeight - scrollViewMeasuredHeight;//dy >= 0

        int scrollY = this.getScrollY();//获取用户在y轴方向上的偏移量 （上 + 下 -）
        if (scrollY <= 0 || scrollY >= dy)
        {
            return true;//按照我们自定义的MyScrollView的方式处理
        }
        //其他处在临界范围内的，返回false。即表示，仍按照ScrollView的方式处理
        return false;
    }
}

011-BaseFragment的抽取

public abstract class BaseFragment extends Fragment
{
    private LoadingPage loadingPage;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
    {
        loadingPage = new LoadingPage(container.getContext())
        {

            @Override
            public int layoutId()
            {
                return getLayoutId();
            }

            @Override
            protected void onSuccss(ResultState resultState, View view_success)
            {
                ButterKnife.bind(BaseFragment.this, view_success);
                initTitle();
                initData(resultState.getContent());
            }

            @Override
            protected RequestParams params()
            {
                return getParams();
            }

            @Override
            public String url()
            {
                return getUrl();
            }
        };


        return loadingPage;
    }



    /**
     * 为了保证loadingPage不为null
     * @param savedInstanceState
     */
    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState)
    {
        super.onActivityCreated(savedInstanceState);

        getDataFromNet();
    }

    protected abstract RequestParams getParams();

    protected abstract String getUrl();

    //初始化界面的数据
    protected abstract void initData(String content);

    //初始化title
    protected abstract void initTitle();

    //提供布局
    public abstract int getLayoutId();

    @Override
    public void onDestroyView()
    {
        super.onDestroyView();
        ButterKnife.unbind(this);
    }

    public void getDataFromNet()
    {
        loadingPage.getDataFromNet();
    }

}

012-LoadingPage的抽取

提供抽象的LoadingPage

/**
 * @author: Hashub
 * @WeChat: NGSHMVP
 * @Date: 2018/9/19 18:51
 * @function:根据实际联网获取数据情况加载不同的界面
 */
public abstract class LoadingPage extends FrameLayout
{
    //1.定义4种不同的显示状态
    private static final int STATE_LOADING = 1;
    private static final int STATE_ERROR = 2;
    private static final int STATE_EMPTY = 3;
    private static final int STATE_SUCCESS = 4;

    private int state_current = STATE_LOADING;//默认情况下，当前状态为正在加载

    //2.提供4种不同的界面
    private View view_loading;
    private View view_error;
    private View view_empty;
    private View view_success;
    private LayoutParams params;

    private ResultState resultState;//状态枚举类对象

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

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

    public LoadingPage(Context context, AttributeSet attrs, int defStyleAttr)
    {
        super(context, attrs, defStyleAttr);

        initLayout();//初始化布局
    }

    /**
     * 初始化布局方法
     */
    private void initLayout()
    {
        //实例化view
        //1.提供布局显示的参数
        params = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
        if (view_loading == null)
        {
            //2.加载布局
            view_loading =  UIUtils.getView(R.layout.page_loading);
            //3.添加到当前的frameLayout中
            addView(view_loading, params);//viewGroup中的addView()方法
        }

        if (view_empty == null)
        {
            //2.加载布局
            view_empty = UIUtils.getView(R.layout.page_empty);
            //3.添加到当前的frameLayout中
            addView(view_empty, params);
        }

        if (view_error == null)
        {
            //2.加载布局
            view_error = UIUtils.getView(R.layout.page_error);
            //3.添加到当前的frameLayout中
            addView(view_error, params);
        }

        showSafePage();
    }

    /**
     * 保证如下的操作在主线程中执行的：更新界面
     */
    private void showSafePage()
    {
        UIUtils.runOnUiThread(new Runnable()
        {
            @Override
            public void run()
            {
                //保证run()中的操作在主线程中执行
                showPage();
            }
        });
    }

    /**
     * 四套界面实际上是叠加显示的，根据当前state_current的值，决定显示哪个view，隐藏其他view
     */
    private void showPage()
    {
        view_loading.setVisibility(state_current == STATE_LOADING ? View.VISIBLE : View.INVISIBLE);
        view_error.setVisibility(state_current == STATE_ERROR ? View.VISIBLE : View.INVISIBLE);
        view_empty.setVisibility(state_current == STATE_EMPTY ? View.VISIBLE : View.INVISIBLE);

        if (view_success == null)
        {
            view_success = UIUtils.getView(layoutId());
            addView(view_success, params);
        }

        view_success.setVisibility(state_current == STATE_SUCCESS ? View.VISIBLE : View.INVISIBLE);
    }

    /**
     * 在getDataFromNet()中实现联网加载数据
     */
    public void getDataFromNet()
    {
        String url = url();
        //如果页面不需要联网请求，即url为空，则成功显示本身页面
        if (TextUtils.isEmpty(url))
        {
            resultState = ResultState.SUCCESS;
            resultState.setContent("");
            return;
        }
        //如果不为空，根据实际url联网请求数据
        //模拟联网延迟2s效果
        UIUtils.getHandler().postDelayed(new Runnable()
        {
            @Override
            public void run()
            {
                AsyncHttpClient client = new AsyncHttpClient();
                client.get(url(), params(), new AsyncHttpResponseHandler()
                {
                    @Override
                    public void onSuccess(String content)
                    {
                        if (TextUtils.isEmpty(content))
                        {// "" or null
//                    state_current = STATE_EMPTY;
                            resultState = ResultState.EMPTY;
                            resultState.setContent("");
                        }
                        else
                        {
//                    state_current = STATE_SUCCESS;
                            resultState = ResultState.SUCCESS;
                            resultState.setContent(content);
                        }

//                showSafePage();
                        loadPage();
                    }

                    @Override
                    public void onFailure(Throwable error, String content)
                    {
//                state_current = STATE_ERROR;
                        resultState = ResultState.ERROR;
                        resultState.setContent("");

//                showSafePage();
                        loadPage();

                    }
                });
            }
        }, 2000);
    }

    private void loadPage()
    {
        switch (resultState)
        {
            case ERROR:
                state_current = STATE_ERROR;
                break;
            case EMPTY:
                state_current = STATE_EMPTY;
                break;
            case SUCCESS:
                state_current = STATE_SUCCESS;
                break;
        }
        //根据修改以后的state_current，更新视图的显示。
        showSafePage();

        if (state_current == STATE_SUCCESS)
        {
            onSuccss(resultState, view_success);
        }
    }

    /**
     * 抽象方法，当显示的是成功界面时，加载的是实际的fragment布局
     *
     * @return
     */
    public abstract int layoutId();


    /**
     * 提供联网的请求参数
     *
     * @return
     */
    protected abstract RequestParams params();


    /**
     * 提供联网的请求地址
     *
     * @return
     */
    public abstract String url();

    /**
     * 成功显示的页面
     * @param resultState
     * @param view_success
     */
    protected abstract void onSuccss(ResultState resultState, View view_success);

    /**
     * 提供枚举类，封装联网以后的状态值和数据
     */
    public enum ResultState
    {
        //public static final ERROR=new ResultState(2);一样的部分省略，不同的抽取出来，用逗号隔开
        ERROR(2), EMPTY(3), SUCCESS(4);

        int state;

        ResultState(int state)
        {
            this.state = state;
        }

        private String content;

        public String getContent()
        {
            return content;
        }

        public void setContent(String content)
        {
            this.content = content;
        }
    }
}

013-投资模块布局fragment_invest.xml的设置

上面是：TabPageIndicator

下面是：ViewPager + Fragment(3个:ProductListFragment,ProductRecommondFragment,ProductHotFragment)

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                  android:layout_width="match_parent"
                  android:layout_height="match_parent"
                  android:orientation="vertical"
        >
    
        <include layout="@layout/common_title"></include>
    
        <com.viewpagerindicator.TabPageIndicator
            android:id="@+id/tabpage_invest"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"></com.viewpagerindicator.TabPageIndicator>
    
        <android.support.v4.view.ViewPager
            android:id="@+id/vp_invest"
            android:layout_width="match_parent"
            android:layout_height="match_parent"></android.support.v4.view.ViewPager>
    
    </LinearLayout>

014-ViewPager+FragmentPagerAdapter显示投资整体模块数据

/**
 * @author: Hashub
 * @WeChat: NGSHMVP
 * @Date: 2018/9/15 14:39
 * @function:投资理财fragment
 */
public class InvestFragment extends BaseFragment
{
    @Bind(R.id.iv_title_back)
    ImageView ivTitleBack;
    @Bind(R.id.tv_title)
    TextView tvTitle;
    @Bind(R.id.iv_title_setting)
    ImageView ivTitleSetting;
    @Bind(R.id.tabpage_invest)
    com.viewpagerindicator.TabPageIndicator tabpageInvest;
    @Bind(R.id.vp_invest)
    ViewPager vpInvest;


    @Override
    protected RequestParams getParams()
    {
        return null;
    }

    @Override
    protected String getUrl()
    {
        return null;
    }

    @Override
    protected void initData(String content)
    {
//1.加载三个不同的Fragment：ProductListFragment,ProductRecommondFragment,ProductHotFragment.
        initFragments();
        //2.ViewPager设置三个Fragment的显示
        MyAdapter adapter = new MyAdapter(getFragmentManager());
        vpInvest.setAdapter(adapter);
        //将TabPagerIndicator与ViewPager关联
        tabpageInvest.setViewPager(vpInvest);
    }

    private List<Fragment> fragmentList = new ArrayList<>();

    private void initFragments()
    {
        ProductListFragment productListFragment = new ProductListFragment();
        ProductRecommondFragment productRecommondFragment = new ProductRecommondFragment();
        ProductHotFragment productHotFragment = new ProductHotFragment();
        //添加到集合中
        fragmentList.add(productListFragment);
        fragmentList.add(productRecommondFragment);
        fragmentList.add(productHotFragment);
    }


    protected void initTitle()
    {
        ivTitleBack.setVisibility(View.GONE);
        tvTitle.setText("投资");
        ivTitleSetting.setVisibility(View.GONE);
    }

    @Override
    public int getLayoutId()
    {
        return R.layout.fragment_invest;
    }

    /**
     * 提供PagerAdapter的实现
     * 如果ViewPager中加载的是Fragment,则提供的Adpater可以继承于具体的：FragmentStatePagerAdapter或FragmentPagerAdapter
     * FragmentStatePagerAdapter:适用于ViewPager中加载的Fragment过多，会根据最近最少使用算法，实现内存中Fragment的清理，避免溢出
     * FragmentPagerAdapter:适用于ViewPager中加载的Fragment不多时，系统不会清理已经加载的Fragment。
     */
    class MyAdapter extends FragmentPagerAdapter
    {


        public MyAdapter(FragmentManager fm)
        {
            super(fm);
        }

        @Override
        public Fragment getItem(int position)
        {
            return fragmentList.get(position);
        }

        @Override
        public int getCount()
        {
            return fragmentList == null ? 0 : fragmentList.size();
        }

        //提供TabPageIndicator的显示内容
        @Override
        public CharSequence getPageTitle(int position)
        {
            //方式一：
//            if(position == 0){
//                return "全部理财";
//            }else if(position == 1){
//                return "推荐理财";
//            }else if(position == 2){
//                return "热门理财";
//            }
            //方式二：
            return UIUtils.getStringArr(R.array.invest_tab)[position];
        }
    }
}

关于主题：

android:theme="@style/Theme.PageIndicatorDefaults"

创建相应的styles.xml中的主题，并在功能清单文件中使用

<!--自定义viewpagerIndicator样式-->
    <style name="StyledIndicators" parent="@android:style/Theme.Light">
        <item name="vpiTabPageIndicatorStyle">@style/CustomTabPageIndicator</item>
        <item name="android:windowNoTitle">true</item>
    </style>

    <style name="CustomTabPageIndicator" parent="Widget.TabPageIndicator">
        <item name="android:background">@drawable/tab_indicator</item>
        <item name="android:textAppearance">@style/CustomTabPageIndicator.Text</item>
        <item name="android:textSize">14sp</item>
        <item name="android:dividerPadding">8dp</item>
        <item name="android:showDividers">middle</item>
        <item name="android:paddingLeft">10dp</item>
        <item name="android:paddingRight">10dp</item>
        <item name="android:fadingEdge">horizontal</item>
        <item name="android:fadingEdgeLength">8dp</item>
    </style>

    <style name="CustomTabPageIndicator.Text" parent="android:TextAppearance.Medium">
        <item name="android:typeface">monospace</item>
        <item name="android:textColor">@drawable/selector_tabtext</item>
    </style>

---

关于Context的实现类：Application和Activity的不同

①new AlertDialog.Builder(activity):只能使用activity

②在地图的集成中：只能使用application

③Toast.makeText(application/activity):都可以使用

④View.inflate(activity,..):二者都可，但建议使用activity

⑤new TextView(activity);二者都可，但建议使用activity.

⑥其他情况下，如果使用activity会造成内存泄漏的话，建议替换为application。