android ScrollView中嵌套字母索引自定位view，半屏时可以使用Scrollview 滑动展示不全的索引字母

最新推荐文章于 2024-04-06 03:38:19 发布
最新推荐文章于 2024-04-06 03:38:19 发布
阅读量270 收藏
点赞数
分类专栏： Android 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38148680/article/details/107316470
版权

半屏时索引列表展示不全问题，通过ScrollView包裹即可实现使用

在这里插入图片描述

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical"
    android:background="@android:color/background_dark"
    android:gravity="center">
    <Button
        android:id="@+id/bt"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="切换半屏"
        />

    <com.test.testapp.MyScrollView
        android:id="@+id/scroll"
        android:layout_width="100dp"
        android:layout_height="match_parent"
        android:layout_marginTop="100dp"
        android:fillViewport="true">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <com.test.testapp.IndexTitleScrollView
                android:id="@+id/lsb"
                android:layout_width="100dp"
                android:layout_height="662dp"
                android:layout_alignParentLeft="true" />
        </RelativeLayout>
    </com.test.testapp.MyScrollView>

    <TextView
        android:id="@+id/tv_center_char"
        android:layout_width="190dp"
        android:layout_height="190dp"
        android:layout_centerInParent="true"
        android:background="@color/colorAccent"
        android:textColor="@color/colorPrimaryDark"
        android:gravity="center"
        android:textSize="70sp"
        android:visibility="visible" />
</RelativeLayout>

MainActivity.java

public class MainActivity extends Activity implements MyScrollView.IOnScrollXY,IndexTitleScrollView.OnIndexListener {
    private String TAG = "MainActivity";
   
    public static boolean isFull = true;
    private MyScrollView mScrollview;
    private IndexTitleScrollView mlsb;
    private TextView textView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       
        mScrollview = findViewById(R.id.scroll);
        mScrollview.setOnScrollXYLinstener(this);
        mlsb = findViewById(R.id.lsb);
        textView = findViewById(R.id.tv_center_char);
        mlsb.registIndexChanged(this);
        findViewById(R.id.bt).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Log.i(TAG, "click");
                if (isFull) {
                  	//切换半屏
                  	...
                    isFull =false;
                } else {
                    //切换全屏
                    ...
                    isFull =true;
                }
            }
        });
    }



    @Override
    public void onTouchScrollXY(float downx, float downY) {
        if(mlsb !=null){
            mlsb.setChar(downY);
        }
    }

    @Override
    public void onIndexChanged(int index, char c) {
        textView.setText("" + c);
        textView.setVisibility(View.VISIBLE);
    }

    @Override
    public void onStopChanged(int index, char c) {
        textView.setVisibility(View.VISIBLE);
    }

    @Override
    public void onClickChar(int index, char c) {
        textView.setText("" + c);

    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        mlsb.registIndexChanged(null);
    }
}

MyScrollView.java


public class MyScrollView extends ScrollView {
    private String TAG ="MyScrollView";

    public IOnScrollXY iOnScrollXY;
    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);
    }

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    public MyScrollView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
     Log.i(TAG,"isFull ="+MainActivity.isFull);
       if(MainActivity.isFull){
           return super.onInterceptTouchEvent(ev);
       }else {
           return false;
       }
    }


    private float downX;
    private float downY;
    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        if(!MainActivity.isFull){
            if (ev.getAction() == MotionEvent.ACTION_DOWN) {
                downX = ev.getRawX();
                downY = getScrollY()+ev.getRawY();
                if(iOnScrollXY !=null){
                    iOnScrollXY.onTouchScrollXY(downX,downY);
                }
                Log.i(TAG, "onTouchEvent  downX  = " + downX +"   downY = "+downY);
            }
        }

        return super.onTouchEvent(ev);
    }

    public void setOnScrollXYLinstener(IOnScrollXY xy){
        this.iOnScrollXY = xy;
    }
    public interface IOnScrollXY{
        void onTouchScrollXY(float downx, float downY);
    }
}

IndexTitleScrollView.java

/**
 * 自定义的首字母滑动条,半屏时通过ScrollView滑动显示
 *
 * @author
 */
public class IndexTitleScrollView extends View {
    public static final String TAG = "IndexTitleScrollView";
    private int height;
    private int width;
    private final char[] chars = {'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I',
            'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V',
            'W', 'X', 'Y', 'Z', '#'};// 5+13+9
    private int mIndex = 0;
    private OnIndexListener mChanged;
    Paint paint;
    private final int textSize = 14;
    private float iHeight;
    private boolean isScroll = false;
    private boolean isEnabl = true;


    public IndexTitleScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub

        Log.i(TAG, "IndexTitleScrollView ");
        paint = new Paint();
        paint.setTextAlign(Paint.Align.CENTER); // 文字对齐，CENTER表示绘制的文字居中显示
        paint.setTextSize(textSize);
        paint.setStrokeWidth(0.7f); //设置描边宽度
        paint.setAntiAlias(true);//抗锯齿 - [避免绘制的视图边缘有模糊毛边，呈锯齿形]
        paint.setStyle(Paint.Style.FILL_AND_STROKE);
        paint.setColor(Color.BLACK);

    }

    /**
     * 光标位置，(0~26)
     *
     * @param index
     */
    public void setIndex(int index) {
        if (index >= 0 && index <= 26) {
            this.mIndex = index;
            invalidate();
        }
    }

    /**
     * 得到当前的位置
     *
     * @return
     */
    public int getCurrentIndex() {
        return mIndex;
    }

    /**
     * 得到当前的字符
     *
     * @return
     */
    public char getCurrentChar() {
        return chars[mIndex];
    }

    /**
     * 光标所指的字符，(A ~Z,#)
     *
     * @param c
     */
    public void setIndex(char c) {
        setIndex(findCharIndex(c));
    }

    private int findCharIndex(char c) {
        Log.i(TAG,"findCharIndex = "+c);
        for (int i = 0; i < chars.length; i++) {
            if (chars[i] == c) {
                return i;
            }
        }
        return -1;
    }

    public void registIndexChanged(OnIndexListener mIndexChanged) {
        mChanged = mIndexChanged;
    }

    public void refresh(){
        invalidate();
    }


    @Override
    protected void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        super.onDraw(canvas);
        if (height == 0)
            height = 662;//;
       // height = getHeight();
        if (width == 0)
            width = getWidth();

        Log.i(TAG, "width->" + getWidth() +"::>height="+height);
        // Log.i(TAG, "height->" + getHeight());
        if (iHeight == 0) {
            iHeight = ((float) height / (float) (chars.length));
            int[] location = new int[2];
            getLocationOnScreen(location);
            view_x = location[0];
            view_y = location[1];
            view_x = width / 2;
            Log.i(TAG, "view_x->" + view_x);
            Log.i(TAG, "view_y->" + view_y);
        }
        // Log.i(TAG, "iHeight->" + iHeight);
        for (int i = 0; i < chars.length; i++) {

            paint.setColor(Color.TRANSPARENT);
            //canvas.drawRect(0, (float) i * iHeight, getRight(), iHeight * (float) (i + 1), paint);
            paint.setTextSize(textSize * 0.93f);
            if (i == mIndex) {
                paint.setColor(Color.RED);
            } else {
                paint.setColor(Color.WHITE);
            }
            // cos30 = 0.866 cos60 = 0.5
            if(MainActivity.isFull){
                if (isCicle) {
                    if (i == mIndex - 2) {
                        canvas.drawText(chars[i] + "", view_x + 20, (float) i * iHeight+12, paint);
                    } else if (i == mIndex - 1) {
                        canvas.drawText(chars[i] + "", view_x + 30, (float) i * iHeight+12, paint);
                    } else if (i == mIndex) {
                        canvas.drawText(chars[i] + "", view_x + 40, (float) i * iHeight+12, paint);
                    } else if (i == mIndex + 1) {
                        canvas.drawText(chars[i] + "", view_x + 30, (float) i * iHeight+12, paint);
                    } else if (i == mIndex + 2) {
                        canvas.drawText(chars[i] + "", view_x + 20, (float) i * iHeight+12, paint);
                    } else {
                        canvas.drawText(chars[i] + "", view_x, (float) i * iHeight+12, paint);
                    }
                } else {
                    canvas.drawText(chars[i] + "", view_x, (float) i * iHeight+12, paint);
                }
            }else {
                canvas.drawText(chars[i] + "", view_x, (float) i * iHeight+12, paint);
            }

        }

    }


    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {

        Log.i(TAG,"dispatchTouchEvent ="+MainActivity.isFull);
        if(MainActivity.isFull){
            return super.dispatchTouchEvent(event);
        }else {
            return false;
        }


    }

    private float downX;
    private float downY;
    private boolean isCicle = false;

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // 记录按下的坐标
        if (event.getAction() == MotionEvent.ACTION_DOWN) {
            downX = event.getRawX();
            downY = event.getRawY();
            Log.i(TAG, "onTouchEvent  downX  = " + downX +"   downY = "+downY);
        }
        if (event.getAction() == MotionEvent.ACTION_UP) {
            // x，y移动的距离小于10就出发点击事件
            if (Math.abs(downX - event.getRawX()) < 10 && Math.abs(downY - event.getRawY()) < 10) {

                int index = (int) ((event.getRawY() - view_y) / iHeight);
                Log.i(TAG, "onclick here index =" + index);
                setIndex(index);
                onClickChar(index);
            } else {
                isCicle = false;
                invalidate();
                onStopChanged(mIndex);
            }
            invalidate();
        } else if (event.getAction() == MotionEvent.ACTION_MOVE) {
            isCicle = true;
            float x = event.getRawX();
            float y = event.getRawY();
            // Log.i(TAG, "; move x ->" + x + "; move y ->" +
            // y);

            if (x > getRight()) {
                Log.i(TAG, "IS OVER ");
                // do nothing
            } else {
                refreshIndex(x, y);
            }
        }
        return isEnabl;
    }

    private int view_x;
    private int view_y;

    // 刷新位置值，同时刷新视图
    private void refreshIndex(float x, float y) {
        // TODO Auto-generated method stub
        Log.i(TAG, "refreshIndex ");
        if (view_y + mIndex * iHeight < y
                && y < (mIndex + 1) * iHeight + view_y) {
            // index不需要改变，
            // do nothing
            // Log.i(TAG, "no need change");
        } else {
            float i = (y - view_y) / iHeight;
            // Log.i(TAG, "index will is  " + i);
            if (i < 0 || (int) i > chars.length - 1) {

            } else {
                mIndex = (int) i;
                Log.i(TAG, "refreshIndex mIndex = "+mIndex);
                invalidate();
                onIndexChanged(mIndex);
            }
        }
    }
    public void setChar(float Y){
        Log.d(TAG,"set char is full ="+MainActivity.isFull);
        if(!MainActivity.isFull){
            int index = (int) ((Y - view_y) / iHeight);
            Log.i(TAG, "onclick here index =" + index);
            setIndex(index);
            onClickChar(index);
            invalidate();
        }

    }


    /**
     * 监听首字母定位事件
     */
    public interface OnIndexListener {
        public void onIndexChanged(int index, char c);

        public void onStopChanged(int index, char c);

        public void onClickChar(int index, char c);

    }


    private void onIndexChanged(int index) {
        isScroll = true;
        if (mChanged != null)
            mChanged.onIndexChanged(index, chars[index]);
    }

    private void onStopChanged(int index) {
        isScroll = false;
        if (mChanged != null)
            mChanged.onStopChanged(index, chars[index]);

    }

    private void onClickChar(int index) {
        isScroll = false;
        if (mChanged != null)
            mChanged.onClickChar(index, chars[index]);
    }

    public boolean isScroll() {
        return isScroll;
    }

    public void isEnabled(boolean isenabl ){
        isEnabl = isenabl;
    }
}
FW_G8Z
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Android 自定义View实现26个字母滑动索引
李波的专栏
08-10 832
Android 自定义View实现26个字母滑动索引
LetterBar:一个用于Android的字母索引侧边条控件
05-10
LetterBar 一个用于Android的字母索引侧边条控件 快速使用 compile 'com.eric.android.view:letterbar:1.0.2' 属性设置 <!--设置默认字体颜色--> android:textColor="@color/colorPrimary" <!--设置默认字体大小--> android:textSize="13sp" <!--设置触摸后的高亮背景色--> app:highlightBackground="#10000000" <!--设置触摸后的高亮字体颜色--> app:highlightColor="@color/colorAccent" 代码示例 public class MainActivity extends AppCompatActivity { private LetterBar letter_bar; pr
android 字母索引三方,Android RecyclerView的强大字母索引FastScroller
weixin_28267011的博客
05-25 452
AlphabetIndex Fast Scroll RecyclerViewA Powerful AlphabetIndex FastScroller for Android's RecyclerView! Kindly use the following links to use this library:In build.gradle (Project)allproject...
Android中实现上下左右都可滑动的ScrollView
java_zhaoyanli的专栏
05-26 3604
import java.util.List;          import android.content.Context;      import android.graphics.Rect;      import android.util.AttributeSet;      import android.view.FocusFinder;      import androi
【自定义控件】一、字母索引控件，仿小米联系人字母列表
weixin_42177501的博客
05-31 305
字母索引控件，仿小米联系人字母列表，控件代码超级简单，很适合学习，为二次开发提供思路。
Android ScrollView嵌套横向滑动控件时冲突问题
08-29
Android ScrollView嵌套横向滑动控件时冲突问题是一个常见的开发问题，当我们在使用ScrollView嵌套横向滑动控件时，会出现滑动卡顿、冲突等问题。这种问题的解决思路是重写ScrollView的onInterceptTouchEvent方法，...
Android解决ScrollView下嵌套ListView和GridView中内容显示不全的问题
08-26
1. 使用`NestedScrollView`替换`ScrollView`：NestedScrollView是Android支持库提供的一个改进版的ScrollView，它可以更好地处理嵌套滑动，支持嵌套在其他可滚动视图中。使用NestedScrollView通常可以解决大部分问题...
Android中ScrollView嵌套GridView显示不全解决方法
08-30
在Android开发中，有时我们需要在一个页面中展示大量的数据，这时可能会使用ScrollView来实现滚动效果，同时内部嵌套一个GridView以实现列表布局。然而，当ScrollView和GridView组合使用时，经常会出现显示不全的...
详解Android ScrollView嵌套EditText出现的滑动问题
08-28
在我们的例子中，可以在 EditText 的 onTouch 事件中使用 `requestDisallowInterceptTouchEvent` 方法来请求 ScrollView 不要拦截事件。代码如下： ```java editText.setOnTouchListener(new View.OnTouchListener...
做个简单的Android列表字母索引控件
weixin_34378922的博客
08-02 535
相信大家在许多App中都见到过带字母索引的界面，比如我最近看到的这个开源控件： WaveSideBar 很酷是不是？！！！如果加在例如联系人列表界面上，大大提升了用户体验。 那么这个索引控件要怎么做呢，说到底就是自定义一个view，因为自身能力原因我并不能做出这样的效果，当然各位大神们可以自行去研究这类开源索引控件的源码。 以我的能力，现在只能做这样的： ...
Android自定义View实现通讯录字母索引（仿微信通讯录）
01-05
一、效果：我们看到很多软件的通讯录在右侧都有一个字母索引功能，像微信，小米通讯录，QQ,还有美团选择地区等等。这里我截了一张美团选择城市的图片来看看； 我们今天就来实现图片中右侧模块的索引功能，包括触摸显示以选中的索引字母。这里我的UI界面主要是参照微信的界面来实现，所以各位也可以对照微信来看看效果，什么都不说了，只有效果图最具有说服力！ 二、分析： 我们看到这样的效果我们心理都回去琢磨，他是如何实现的； 首先，它肯定是通过自定义 View 来实现的，因为 Android 没有提供类似这样的控件、那么接下来就是如何自定义我们的 View ，我们知道自定义 View 最最主要的两个方法就是
Android 实现带字母索引的侧边栏功能
08-29
主要介绍了Android 实现带字母索引的侧边栏功能,需要的朋友可以参考下
安卓字母索引列表
11-07
索引列表， 常用于通讯录，城市选择，选中右边的字母索引可以直接定位到相应的选项
android手机联系人，字母索引列表，实现联动
01-19
1、自定义view——–字母索引列表view 2、listview数据的展示 3、查询本地联系人的相关信息，如姓名、电话号 4、6.0权限适配
Android 列表字母索引 IndexableListView
06-21
Android代码 实现带字母索引效果的listview列表, 类似Android 通讯录中使用的检索联系人得效果.滑动listview时 旁边会出现一个字母索引条，手指滑动索引条 屏幕中间会出现当前索引字母，同时listview内容会被过滤检索,支持点击和滑动. Appdoll代码库测试,适用于Android 2.0 and up.
Android 自定义控件-字母索引
h5630的博客
05-07 390
1.创建LetterSildeView 继承View 先定义两个画笔，一个是用来绘画未触摸绘画字母，一个是绘画触摸后绘画字母 private Paint paint;//未触摸 private Paint touchPaint;//触摸 接着定义存放26个字母的char数组 private char[] letters = new char[26];//存放字母数组 在构造函数中进行数据初始化，代码如下: public LetterSildeView(Context con...
Android UI--开源项目IndexableListView(字母索引）(1)
m0_61041374的博客
03-24 1053
*
仿IOS 带字母索引的滑轮控件，整理出这份8万字Android性能优化实战解析
碧海朝天素
03-20 339
简历首选内推方式，速度快，效率高啊！然后可以在拉钩，boss，脉脉，大街上看看。简历上写道熟悉什么技术就一定要去熟悉它，不然被问到不会很尴尬！做过什么项目，即使项目体量不大，但也一定要熟悉实现原理！不是你负责的部分，也可以看看同事是怎么实现的，换你来做你会怎么做？做过什么，会什么是广度问题，取决于项目内容。但做过什么，达到怎样一个境界，这是深度问题，和个人学习能力和解决问题的态度有关了。大公司看深度，小公司看广度。大公司面试你会的，小公司面试他们用到的你会不会，也就是岗位匹配度。面试过程一定要有礼貌！
Android UI--开源项目IndexableListView(字母索引），准备Android面试
最新发布
2401_84149824的博客
04-06 764
希望本文对你有所启发，有任何面试上的建议也欢迎留言分享给大家。好了，今天的分享就到这里，如果你对在面试中遇到的问题，或者刚毕业及工作几年迷茫不知道该如何准备面试并突破现状提升自己，对于自己的未来还不够了解不知道给如何规划，来看看同行们都是如何突破现状，怎么学习的，来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。好了~如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。
fragment 中使用ScrollView滑动嵌套滑动动态添加数据时底部被切到
06-09
你可以尝试在ScrollView的子布局中添加一个包裹内容的布局，然后在代码中动态添加数据时，将数据添加到这个布局中。同时，你需要在ScrollView的xml布局文件中设置android:fillViewport="true"，这样ScrollView的高度...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

FW_G8Z

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值