Android Studio App开发中改造已有的控件实战（包括自定义支付宝月份选择器、给翻页栏添加新属性、不滚动的列表视图附源码）

分手后的思念是犯贱 2023-09-30 16:41 2阅读 0赞

> **需要全部源码和图片集请点赞关注收藏后评论区留言~~~**

## 一、自定义月份选择器 ##

虽然Android提供了许多控件，但是仍然不够用，比如系统自带日期选择器和时间选择器，但是却没有月份选择器，倘若选择某个月份怎么办呢？这时候就要我们自己定义

其实做法很简单，就是去掉右侧的日子列表就是月份列表了，此处只对下拉框生效 效果如下

![c76ad119a7fd438ebd53e6c39639256b.png][]

重新包装后的月份选择器继承了日期选择器的所有方法，而且控件界面与支付宝的一模一样

代码如下

### Java类 ###

package com.example.chapter10;
    
    import android.annotation.SuppressLint;
    import android.os.Bundle;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.widget.TextView;
    
    import androidx.appcompat.app.AppCompatActivity;
    
    import com.example.chapter10.widget.MonthPicker;
    
    @SuppressLint("DefaultLocale")
    public class MonthPickerActivity extends AppCompatActivity implements View.OnClickListener {
        private TextView tv_month;
        private MonthPicker mp_month; // 声明一个月份选择器对象
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_month_picker);
            tv_month = findViewById(R.id.tv_month);
            // 从布局文件中获取名叫mp_month的月份选择器
            mp_month = findViewById(R.id.mp_month);
            findViewById(R.id.btn_ok).setOnClickListener(this);
        }
    
        @Override
        public void onClick(View v) {
            if (v.getId() == R.id.btn_ok) {
                // 获取月份选择器mp_month设定的年月
                String desc = String.format("您选择的月份是%d年%d月",
                        mp_month.getYear(), mp_month.getMonth() + 1);
                tv_month.setText(desc);
            }
        }
    
    }

### XML文件如下 ###

## 二、给翻页标签栏添加新属性 ##

我们现在可以在现有控件上做假发，也就是给控件增加新的属性或者方法，如翻页标签栏里原本不能设置文本大小和文本颜色，对用户不够友好同时也不够美观，下面我们自定义属性来扩展它的功能。效果如下

可见我们在原来的基础上把标签栏文字的大小和颜色都进行了改变 更加美观

![125095c240e64997b287d86a5f216f4e.png][]

![6d1a3c6f7c534de3a66a7789d580db95.png][]

代码如下

### Java类 ###

package com.example.chapter10;
    
    import android.os.Bundle;
    import android.widget.Toast;
    
    import androidx.appcompat.app.AppCompatActivity;
    import androidx.viewpager.widget.ViewPager;
    import androidx.viewpager.widget.ViewPager.OnPageChangeListener;
    
    import com.example.chapter10.adapter.ImagePagerAdapater;
    import com.example.chapter10.bean.GoodsInfo;
    
    import java.util.ArrayList;
    
    public class CustomTabActivity extends AppCompatActivity implements OnPageChangeListener {
        private ArrayList<GoodsInfo> mGoodsList; // 手机商品列表
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_custom_tab);
            mGoodsList = GoodsInfo.getDefaultList();
            // 构建一个商品图片的翻页适配器
            ImagePagerAdapater adapter = new ImagePagerAdapater(this, mGoodsList);
            // 从布局视图中获取名叫vp_content的翻页视图
            ViewPager vp_content = findViewById(R.id.vp_content);
            vp_content.setAdapter(adapter); // 设置翻页视图的适配器
            vp_content.setCurrentItem(0); // 设置翻页视图显示第一页
            vp_content.addOnPageChangeListener(this); // 给翻页视图添加页面变更监听器
        }
    
        // 翻页状态改变时触发。state取值说明为：0表示静止，1表示正在滑动，2表示滑动完毕
        // 在翻页过程中，状态值变化依次为：正在滑动→滑动完毕→静止
        public void onPageScrollStateChanged(int state) {}
    
        // 在翻页过程中触发。该方法的三个参数取值说明为 ：第一个参数表示当前页面的序号
        // 第二个参数表示当前页面偏移的百分比，取值为0到1；第三个参数表示当前页面的偏移距离
        public void onPageScrolled(int position, float ratio, int offset) {}
    
        // 在翻页结束后触发。position表示当前滑到了哪一个页面
        public void onPageSelected(int position) {
            Toast.makeText(this, "您翻到的手机品牌是：" + mGoodsList.get(position).name, Toast.LENGTH_SHORT).show();
        }
    }

### XML文件 ###

## 三、不滚动的列表视图 ##

列表视图很多时候最后一次性展示完所有的行，这样用户看着比较明白直观，接下来我们编写一个扩展自ListView的不滚动列表视图NoScrollListView 效果如下

原视图展示内容太少，改进后信息呈现的更加清晰

![9e888e60846947eabf7e8ef010b3263b.png][]

代码如下

### Java类 ###

package com.example.chapter10;
    
    import android.os.Bundle;
    import android.widget.ListView;
    
    import androidx.appcompat.app.AppCompatActivity;
    
    import com.example.chapter10.adapter.PlanetListAdapter;
    import com.example.chapter10.bean.Planet;
    import com.example.chapter10.widget.NoScrollListView;
    
    public class NoscrollListActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_noscroll_list);
            PlanetListAdapter adapter1 = new PlanetListAdapter(this, Planet.getDefaultList());
            // 从布局文件中获取名叫lv_planet的列表视图
            // lv_planet是系统自带的ListView，被ScrollView嵌套只能显示一行
            ListView lv_planet = findViewById(R.id.lv_planet);
            lv_planet.setAdapter(adapter1); // 设置列表视图的行星适配器
            lv_planet.setOnItemClickListener(adapter1);
            lv_planet.setOnItemLongClickListener(adapter1);
            PlanetListAdapter adapter2 = new PlanetListAdapter(this, Planet.getDefaultList());
            // 从布局文件中获取名叫nslv_planet的不滚动列表视图
            // nslv_planet是自定义控件NoScrollListView，会显示所有行
            NoScrollListView nslv_planet = findViewById(R.id.nslv_planet);
            nslv_planet.setAdapter(adapter2); // 设置不滚动列表视图的行星适配器
            nslv_planet.setOnItemClickListener(adapter2);
            nslv_planet.setOnItemLongClickListener(adapter2);
        }
    }

### XML文件 ###

**创作不易 觉得有帮助请点赞关注收藏~~~**

[c76ad119a7fd438ebd53e6c39639256b.png]: https://img-blog.csdnimg.cn/c76ad119a7fd438ebd53e6c39639256b.png
[125095c240e64997b287d86a5f216f4e.png]: https://img-blog.csdnimg.cn/125095c240e64997b287d86a5f216f4e.png
[6d1a3c6f7c534de3a66a7789d580db95.png]: https://img-blog.csdnimg.cn/6d1a3c6f7c534de3a66a7789d580db95.png
[9e888e60846947eabf7e8ef010b3263b.png]: https://img-blog.csdnimg.cn/9e888e60846947eabf7e8ef010b3263b.png