Android-三级联动更改样式

最新推荐文章于 2024-04-11 14:53:31 发布
最新推荐文章于 2024-04-11 14:53:31 发布
阅读量912 收藏
点赞数
分类专栏： Android Android进阶之路
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ko0491/article/details/52775910
版权

三级联动

http://blog.csdn.net/ko0491/article/details/52769418

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

Drawable资源

  • wheel_bg.xml 将面的内容注释
    这个用来设置背景色的

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!--    <item>
        <shape android:shape="rectangle">
            <gradient
                android:startColor="#333"
                android:centerColor="#DDD"
                android:endColor="#333"
                android:angle="90" />

                <stroke android:width="1dp" android:color="#FF333333" />
        </shape>
    </item>
    <item android:left="4dp" android:right="4dp" android:top="1dp" android:bottom="1dp">
        <shape android:shape="rectangle">
            <gradient
                android:startColor="#AAA"
                android:centerColor="#FFF"
                android:endColor="#AAA"
                android:angle="90" />
        </shape>
    </item>-->
</layer-list>

  • wheel_val.xml
    控件中间选择中部分
    “`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 };

这样就有渐变的效果了
这里写图片描述

中间选择部分加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);

    }

这里写图片描述

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

字体更改要更改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;
    }
  ```
  貌似只有第一个会变
  ![这里写图片描述](http://img.blog.csdn.net/20161010111411657)

*  Adapter中把所有Item都存放起来

```java
/**
     * 存放Item容器
     */
    private ArrayList<View> arrayList = new ArrayList<View>();

    /**
     * getter 方法对外使用
     * @return
     */
    public ArrayList<View> getTextViews() {
        return arrayList;
    }
 ```  
* 在getItem方法中添加





<div class="se-preview-section-delimiter"></div>

@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;
}


这样貌似还是不行

*  对控件添加监听并设置字体




<div class="se-preview-section-delimiter"></div>

```java
 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);
        }
    }

}

“`
最弱效果
这里写图片描述

三级联动一样一做法

这里写图片描述

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

 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);
        }
    }

}

“`
效果
这里写图片描述

三级联动一样一做法

这里写图片描述

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

森林森
关注
专栏目录
Android 三级联动（省、市、县）
qq_42817466的博客
03-01 215
效果图 依赖. implementation 'liji.library.dev:citypickerview:0.1.0' 具体流程如下： //创建三级联动需要的开源框架对象 CityPickerView cityPickerView = new CityPickerView(this); //通过对象设置它的城市条目点击事件 cityPickerView.setOnCityItemC...
Android--省市区三级联动（dialog）
qq_43337254的博客
01-20 454
目录gson框架效果图定义按钮逻辑文件自定义的dialog样式自定义view类CityPicker数据来源(area.json)自定义view（ScrollerNumberPicker类）省市县的布局文件（city_picker.xml） gson框架 implementation 'com.google.code.gson:gson:2.8.6' 效果图 定义按钮 <Button android:id="@+id/button" android:layout_width="120
android实现三级联动菜单
05-26
android实现多级菜单联动操作，利用ViewPager可以实现页面之间的滑动。
Android 省市县 三级联动（android-wheel的使用）
架构设计
04-10 258
转载请注明出处：http://blog.csdn.net/lmj623565791/article/details/23382805 今天没事跟群里面侃大山，有个哥们说道Android Wheel这个控件，以为是Andriod内置的控件，google一把，发现是个github上的一个控件。 下载地址：https://code.google.com/p/android-wheel/ 发现很适合...
android 三级联动
oneblue123的博客
04-10 272
https://download.csdn.net/download/oneblue123/10339908
Android实现省市区三级联动效果
热门推荐
smily的博客
07-15 3万+
最近在做项目时有一个选择省市区的三级联动效果。百度上搜了好久也没找到一个合适的控件。后来再github上找到一个不错的三级联动控件，拿来用发现效果还挺好。把自己写的一个demo分享一下。 控件名称为PickerView,实现了 iOS 的 PickerView 的效果，并且有时间选择和选项选择还支持一二三级联动效果。 项目地址：https://github.com/saiwu-bigkoo/An...
Android 省市县 三级联动选择(做了一点修改)（android-wheel的使用）
05-25
总的来说，这个项目展示了如何利用第三方库"android-wheel"来实现Android上的省市县三级联动选择，并通过代码的修改优化了原有功能。对于Android开发者来说，理解和掌握这样的实现方式有助于提升开发效率，同时也能...
Android代码-高仿iOS滚轮三级联动
08-06
在实际的项目中需要使用到省市区三级联动的功能，在网上找来找去，都没有找到一个合适的库， 所以自己就封装了一个，不需要自己添加数据源，直接引用即可，一行代码搞定城市选择。怎么简单，怎么方便，怎么来，就是...
Android省市区三级联动的实现
11-10
在Android开发中，有时我们需要创建一个能够展示省、市、区三级联动的组件，以便用户可以方便地选择他们的地理位置。这种功能通常应用于注册、设置、定位等场景。在这个"Android省市区三级联动的实现"项目中，开发者...
HTML移动端省市区三级联动，完美适配Android和IOS
12-20
首先，我们来理解一下“三级联动”这一概念。在网页设计中，三级联动通常指的是三个下拉列表框之间的关联操作。当用户在一个下拉列表中做出选择时，第二个和第三个下拉列表的内容会根据第一个选择动态更新。在这个...
自定义样式三级联动
01-25
根据别人的demo 在二级的基础上改成了三级联动 样式是自定义的
三级联动选择器 (Android版)
05-04
类似淘宝手机客户端的，选择收货地址的三级联动滚动选择组件。好东西不多说，谁用谁知道~
ANDROID 地址三级联动
01-10
适用于android 省市区的三级联动，直接引用，简单易懂
Android实现省市区三级联动
01-04
针对AdapterView的拓展使用，Spinner实现省市区的三级联动，具体内容如下 其主要是通过使用Spinner的setOnItemSelectListener来实现。 代码示例： activity_main.xml <LinearLayout xmlns:android=http://schemas.android.com/apk/res/android xmlns:tools=http://schemas.android.com/tools android:id=@+id/activity_main android:layout_width=match_
Android 实现省市区三级联动（带有省市区json资源）
10-22
该demo实现省市区三级联动效果，并附有省市区json资源，适用于as 和 ecplise
Android 城市三级联动
گ 我就是我我只为自己代言 گ
12-09 739
很简单的三级联动,可扩展性强,为大家提供一种思路:本篇利用listview和三维数组实现,简单可行                01.效果图:            02.布局文件:     xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android
Android 省市县 三级联动（android-wheel的使用）
最新发布
2401_84103675的博客
04-11 1291
找到一套好的视频资料，紧跟大牛梳理好的知识框架进行学习。多练。（视频优势是互动感强，容易集中注意力）你不需要是天才，也不需要具备强悍的天赋，只要做到这两点，短期内成功的概率是非常高的。对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。
Android spinner实现全国省市县的三级联动
qq_27494201的博客
12-07 296
Android spinner实现全国省市县的三级联动
android 中spinner 三级联动
zz的博客
01-10 1014
java代码如下 package com.zz.spinner; import android.app.Activity; import android.os.Bundle; import android.util.Log; import android.view.View; import android.widget.AdapterView; import android.wi
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值