栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

Android开发:自定义TabLayout,神奇效果竟是如此简单,android音视频何俊林

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Android开发:自定义TabLayout,神奇效果竟是如此简单,android音视频何俊林

//中间的图形

Path pathCenter = new Path();

pathCenter.moveTo(tabPosition * textWidth + tabPosition * arcWidth, 0);

pathCenter.cubicTo(tabPosition * textWidth + tabPosition * arcWidth - arcControlX, arcControlY, tabPosition * textWidth + tabPosition * arcWidth - arcWidth + arcControlX, viewHeight - arcControlY, tabPosition * textWidth + tabPosition * arcWidth - arcWidth, viewHeight);

pathCenter.lineTo(tabPosition * textWidth + tabPosition * arcWidth + textWidth + arcWidth, viewHeight);

pathCenter.cubicTo(tabPosition * textWidth + tabPosition * arcWidth + textWidth + arcWidth - arcControlX, viewHeight - arcControlY, tabPosition * textWidth + tabPosition * arcWidth + textWidth + arcControlX, arcControlY, tabPosition * textWidth + tabPosition * arcWidth + textWidth, 0);

pathCenter.lineTo(tabPosition * textWidth + tabPosition * arcWidth, 0);

paint.setColor(selectColor);

canvas.drawPath(pathCenter, paint);

情况三(关键代码):

//最右边的图形

Path pathRight = new Path();

pathRight.moveTo(viewWidth, 0);

pathRight.lineTo(viewWidth - textWidth, 0);

pathRight.cubicTo(viewWidth - textWidth - arcControlX, arcControlY, viewWidth - textWidth - arcWidth + arcControlX, viewHeight - arcControlY, viewWidth - textWidth - arcWidth, viewHeight);

pathRight.lineTo(viewWidth, viewHeight);

pathRight.lineTo(viewWidth, 0);

paint.setColor(selectColor);

canvas.drawPath(pathRight, paint);

tabtext的绘制(关键代码):

for (int i = 0; i < tabTextList.size(); i++) {

String strTabText = tabTextList.get(i);

Rect r

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

浏览器打开:qq.cn.hn/FTe 开源分享

ectText = new Rect();

textPaint.getTextBounds(strTabText, 0, strTabText.length(), rectText);

int strWidth = rectText.width();

int strHeight = rectText.height();

if (i == 0) {

canvas.drawText(strTabText, (textWidth + arcWidth / 2) / 2 - strWidth / 2, viewHeight / 2 + strHeight / 2, textPaint);

} else if (i == tabTextList.size() - 1) {

canvas.drawText(strTabText, viewWidth - (textWidth + arcWidth / 2) / 2 - strWidth / 2, viewHeight / 2 + strHeight / 2, textPaint);

} else {

canvas.drawText(strTabText, textWidth * i + arcWidth * (i - 1) + (textWidth + 2 * arcWidth) / 2 - strWidth / 2, viewHeight / 2 + strHeight / 2, textPaint);

}

}

tab点击处理(关键代码):

@Override

public boolean onTouchEvent(MotionEvent event) {

boolean isHandleClick = false;//是否处理点击事件

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN:

float x = event.getX();

float y = event.getY();

System.out.println(“YPKTabLayoutView.onTouchEvent x=” + x + " y=" + y);

for (int i = 0; i < tabNumber; i++) {

if (x <= ((i + 1) * textWidth + i * arcWidth + arcWidth / 2)) {//点击的第一个按钮

tabPosition = i;

if (onTabClickListener != null) {

onTabClickListener.tabSelectedListener(tabPosition);

}

invalidate();

isHandleClick = true;

break;

}

}

return isHandleClick;

case MotionEvent.ACTION_MOVE:

break;

case MotionEvent.ACTION_UP:

break;

}

return super.onTouchEvent(event);

}

步骤说明:

我们在 onTouchEvent方法中, 首先获取到点击控件后x,y坐标,然后for循环判断x的坐标是在哪个tab项的范围内,最后在哪个范围内,我们就认为点击了那个tab项,回调对应的 tabPosition 就可以了。

远程依赖使用

==================================================================

一:添加依赖

Add it in your root build.gradle at the end of repositories:

allprojects {

repositories {

maven { url ‘https://jitpack.io’ }

}

}

Add the dependency

dependencies {

implementation ‘com.github.dacaoyuan:YPKTabDemo:1.0.2’

}

二:在xml布局中添加

android:id="@+id/mYPKTabLayoutView"

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_margin=“10dp”

app:view_bg_corners=“0”

app:arcControlX=“30” />

三:代码中

val tabTextList: MutableList = ArrayList()

tabTextList.add(“推荐学习”);

tabTextList.add(“企业学院”);

tabTextList.add(“我的关注”);

mYPKTabLayoutView.setTabTextList(tabTextList);

mYPKTabLayoutView.addTabSelectedListener { tabPosition ->

val makeText =

Toast.makeText(

this@MainActivity,

“点击了第” + tabPosition + “项”,

Toast.LENGTH_SHORT

)

makeText.setGravity(Gravity.CENTER, 0, 0);

makeText.show();

}

属性说明

文章到这里就已经说完啦,如果你对实现思路有更好的建议,欢迎留言,指正。

源码地址:

https://github.com/dacaoyuan/YPKTabDemo

最后

==============================================================

在这里我也分享一份由几位大佬一起收录整理的Android学习PDF+架构视频+面试文档+源码笔记,高级架构技术进阶脑图、Android开发面试专题资料,高级进阶架构资料

这些都是我闲暇还会反复翻阅的精品资料。可以有效的帮助大家掌握知识、理解原理。当然你也可以拿去查漏补缺,提升自身的竞争力。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/572905.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号