Android-三级联动更改样式

三级联动

原来的样式好难看,发现没有设置样式的地方,只有更改源码一途了

Drawable资源

  • wheel_bg.xml 将面的内容注释

这个用来设置背景色的


   
        
            
                
        
    
    
        
            
        
    


  • wheel_val.xml

控件中间选择中部分


   
    
   渐变
   

WheelView类更改阴影色

   /**
     * Top and bottom shadows colors
     */
//    private static final int[] SHADOWS_COLORS = new int[]{0xeeFF0000, 0xee00FF00, 0xee0000FF};

    /**
     * 更改阴影色
     */
    private static final int[] SHADOWS_COLORS = new int[]{ 0xeeffffff, 0xeaffffff, 0x33ffffff };

这样就有渐变的效果了


Android-三级联动更改样式_第1张图片
这里写图片描述

中间选择部分加2条线

  • 在drawCenterRect方法 中
private void drawCenterRect(Canvas canvas) {
        int center = getHeight() / 2;
        //条止的偏移量
        int offset = (int) (getItemHeight() / 2 * 1.2);
        centerDrawable.setBounds(0, center - offset, getWidth(), center + offset);
        centerDrawable.draw(canvas);
        /**
         * 中间选中的画2条线
         *
         */
        //上方的线
        canvas.drawLine(0,center-offset,getWidth(),center-offset,mPaint);
        //下方的线
        canvas.drawLine(0,center+offset,getWidth(),center+offset,mPaint);
    }

前面要初始化画笔


    /**
     * 初始化画笔
     */
    private void initPaint() {

        mPaint = new Paint();
        //锯齿
        mPaint.setAntiAlias(true);
        //画笔颜色
//        mPaint.setColor(0xffebebeb);
        //为了看出效果
        mPaint.setColor(0xffEA2000);
        //宽度
        mPaint.setStrokeWidth(1f);

    }
Android-三级联动更改样式_第2张图片
这里写图片描述

选择中字体变大,不选择时变小

字体更改要更改Adapter中的设置--AbstractWheelTextAdapter

  • 设置属性
 /**
     *  当前的索引
     */
    private int currentIndex = 0;
    /**
     * 最大字体
     */
    private static int maxsize = 24;
    /**
     *   最小字体
     */
    private static int minsize = 14;
  • 更改构造方法
 protected AbstractWheelTextAdapter(Context context) {
        this(context, TEXT_VIEW_ITEM_RESOURCE);
    }

    /**
     * Constructor
     * @param context the current context
     * @param itemResource the resource ID for a layout file containing a TextView to use when instantiating items views
     */
    protected AbstractWheelTextAdapter(Context context, int itemResource) {
        this(context, itemResource, NO_RESOURCE,0,maxsize,minsize);
    }
    
    /**
     * Constructor
     * @param context the current context
     * @param itemResource the resource ID for a layout file containing a TextView to use when instantiating items views
     * @param itemTextResource the resource ID for a text view in the item layout
     */
    protected AbstractWheelTextAdapter(Context context, int itemResource, int itemTextResource,int currentIndex,int maxsize,int minsize) {
        this.context = context;
        itemResourceId = itemResource;
        itemTextResourceId = itemTextResource;
        /**
         *  为属性赋值
         */
        this.currentIndex=currentIndex;
        this.maxsize = maxsize;
        this.minsize = minsize;
        
        inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    }

这样还是没有效果的
更改AbstractWheelTextAdapter 中

 public View getItem(int index, View convertView, ViewGroup parent) {

方法:

 @Override
    public View getItem(int index, View convertView, ViewGroup parent) {
        if (index >= 0 && index < getItemsCount()) {
            if (convertView == null) {
                convertView = getView(itemResourceId, parent);
            }
            TextView textView = getTextView(convertView, itemTextResourceId);
            if (textView != null) {
                CharSequence text = getItemText(index);
                if (text == null) {
                    text = "";
                }
                textView.setText(text);
                /**
                 * 设置字体设置
                 *
                 */

            if(index==currentIndex){
                textView.setTextSize(maxsize);
            }else {
                textView.setTextSize(minsize);
            }

    
                if (itemResourceId == TEXT_VIEW_ITEM_RESOURCE) {
                    configureTextView(textView);
                }
            }
            return convertView;
        }
        return null;
    }

貌似只有第一个会变


Android-三级联动更改样式_第3张图片
这里写图片描述
  • Adapter中把所有Item都存放起来
/**
     * 存放Item容器
     */
    private ArrayList arrayList = new ArrayList();

    /**
     * getter 方法对外使用
     * @return
     */
    public ArrayList getTextViews() {
        return arrayList;
    }
  • 在getItem方法中添加
 @Override
    public View getItem(int index, View convertView, ViewGroup parent) {
        if (index >= 0 && index < getItemsCount()) {
            if (convertView == null) {
                convertView = getView(itemResourceId, parent);
            }
            TextView textView = getTextView(convertView, itemTextResourceId);

            /**
             * 添加到容器中
             */
            if (!arrayList.contains(textView)) {
                arrayList.add(textView);
            }
            
            if (textView != null) {
                CharSequence text = getItemText(index);
                if (text == null) {
                    text = "";
                }
                textView.setText(text);
                /**
                 * 设置字体设置
                 *
                 */

            if(index==currentIndex){
                textView.setTextSize(maxsize);
            }else {
                textView.setTextSize(minsize);
            }

    
                if (itemResourceId == TEXT_VIEW_ITEM_RESOURCE) {
                    configureTextView(textView);
                }
            }
            return convertView;
        }
        return null;
    }

这样貌似还是不行

  • 对控件添加监听并设置字体
 private void initListener() {

        /**
         * 滚动中改变
         */
        mWheelView.addChangingListener(new OnWheelChangedListener() {
            @Override
            public void onChanged(WheelView wheel, int oldValue, int newValue) {
                //获取当前的索引
                int currentItem = wheel.getCurrentItem();
                /**
                 * 获取内容
                 */
                String text = (String) mBirthYearAdapter.getItemText(currentItem);
                /**
                 * 设置字体
                 *
                 */

                setItemTextSize(text,mBirthYearAdapter);
               // Toast.makeText(MainActivity.this, text, Toast.LENGTH_SHORT).show();
            }
        });

        /**
         * 滚动完成改变
         */
        mWheelView.addScrollingListener(new OnWheelScrollListener() {
            @Override
            public void onScrollingStarted(WheelView wheel) {

            }

            @Override
            public void onScrollingFinished(WheelView wheel) {
                //获取当前的索引
                int currentItem = wheel.getCurrentItem();
                /**
                 * 获取内容
                 */
                String text = (String) mBirthYearAdapter.getItemText(currentItem);
                /**
                 * 设置字体
                 *
                 */

                setItemTextSize(text,mBirthYearAdapter);
                Toast.makeText(MainActivity.this, text, Toast.LENGTH_SHORT).show();
            }
        });
  • 设置字体大小方法
 /**
     * 设置字体大小
     * @param currentItemText
     * @param birthYearAdapter
     */
    private  void setItemTextSize(String currentItemText,BirthYearAdapter birthYearAdapter){
            //获取所有的View
        ArrayList  arrayLists = birthYearAdapter.getTextViews();

        int size = arrayLists.size();
        //当前条目的内容
        String currentText;
        for(int i = 0; i < size; i++) {
            TextView textview = (TextView) arrayLists.get(i);
            currentText = textview.getText().toString().trim();

            if (currentItemText.equals(currentText)) {
                textview.setTextSize(maxsize);
            } else {
                textview.setTextSize(minsize);
            }
        }

    }

效果


Android-三级联动更改样式_第4张图片
这里写图片描述

三级联动一样一做法

Android-三级联动更改样式_第5张图片
这里写图片描述

源码:
https://github.com/ln0491/WheelDemo2

你可能感兴趣的:(Android-三级联动更改样式)