Android开发:自定义TabLayout,神奇效果竟是如此简单

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 rectText = 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布局中添加

<com.ypk.library.view.YPKTabLayoutView

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

}

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip204888 (备注Android)
img

最后

简历首选内推方式,速度快,效率高啊!然后可以在拉钩,boss,脉脉,大街上看看。简历上写道熟悉什么技术就一定要去熟悉它,不然被问到不会很尴尬!做过什么项目,即使项目体量不大,但也一定要熟悉实现原理!不是你负责的部分,也可以看看同事是怎么实现的,换你来做你会怎么做?做过什么,会什么是广度问题,取决于项目内容。但做过什么,达到怎样一个境界,这是深度问题,和个人学习能力和解决问题的态度有关了。大公司看深度,小公司看广度。大公司面试你会的,小公司面试他们用到的你会不会,也就是岗位匹配度。

面试过程一定要有礼貌!即使你觉得面试官不尊重你,经常打断你的讲解,或者你觉得他不如你,问的问题缺乏专业水平,你也一定要尊重他,谁叫现在是他选择你,等你拿到offer后就是你选择他了。

另外,描述问题一定要慢!不要一下子讲一大堆,慢显得你沉稳、自信,而且你还有时间反应思路接下来怎么讲更好。现在开发过多依赖ide,所以会有个弊端,当我们在面试讲解很容易不知道某个方法怎么读,这是一个硬伤…所以一定要对常见的关键性的类名、方法名、关键字读准,有些面试官不耐烦会说“你到底说的是哪个?”这时我们会容易乱了阵脚。正确的发音+沉稳的描述+好听的嗓音决对是一个加分项!

最重要的是心态!心态!心态!重要事情说三遍!面试时间很短,在短时间内对方要摸清你的底子还是比较不现实的,所以,有时也是看眼缘,这还是个看脸的时代。

希望大家都能找到合适自己满意的工作!

进阶学习视频

附上:我们之前因为秋招收集的二十套一二线互联网公司Android面试真题 (含BAT、小米、华为、美团、滴滴)和我自己整理Android复习笔记(包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。)

最重要的是心态!心态!心态!重要事情说三遍!面试时间很短,在短时间内对方要摸清你的底子还是比较不现实的,所以,有时也是看眼缘,这还是个看脸的时代。

希望大家都能找到合适自己满意的工作!

进阶学习视频

[外链图片转存中…(img-8ipUQGmE-1711921490992)]

附上:我们之前因为秋招收集的二十套一二线互联网公司Android面试真题 (含BAT、小米、华为、美团、滴滴)和我自己整理Android复习笔记(包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。)

[外链图片转存中…(img-mvSy8UR4-1711921490992)]

本文已被CODING开源项目:《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

  • 14
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Android自定义TabLayout是指在TabLayout的基础上,通过修改样式、添加图标、自定义布局等方式,实现个性化的TabLayout效果。可以通过修改TabLayout的属性、使用自定义View等方式来实现。 具体实现步骤如下: 1. 在布局文件中添加TabLayout控件,并设置相关属性。 2. 在代码中获取TabLayout控件,并设置TabLayout的样式、添加Tab等。 3. 自定义TabLayout的样式,可以通过修改TabLayout的属性、使用自定义View等方式来实现。 4. 自定义TabLayout的布局,可以通过使用自定义View来实现。 5. 在TabLayout中添加图标,可以通过设置Tab的图标属性来实现。 总之,Android自定义TabLayout可以通过多种方式来实现,具体实现方式取决于具体需求。 ### 回答2: AndroidTabLayout是一个非常常见且重要的控件,用于在界面上实现选项卡切换的效果TabLayout的默认实现满足了很多场景的需求,但是也有一些场景需要我们自定义TabLayout的样式。 Android自定义TabLayout需要以下步骤: 1. 创建Layout文件 首先,我们需要创建一个布局文件,用于自定义TabLayout的样式。在布局文件中,我们可以自由进行UI设计和排版。 2. 创建自定义TabItem 自定义TabLayout的样式,通常需要创建自定义的TabItem来实现。我们可以通过重写TabItem的布局来实现自定义TabItem的功能。自定义TabItem使我们可以更加灵活地控制选项卡的外观和动画效果。 3. 创建自定义TabLayout 接下来,我们需要创建自定义TabLayout,我们可以通过继承TabLayout类来实现。在自定义TabLayout中,我们可以添加一些自己的方法和属性,这使得我们可以在代码中更灵活地控制TabLayout。 4. 设置TabLayout的自定义属性 为了使TabLayout支持我们自定义的属性,我们需要在attrs.xml文件中创建自定义属性。 5. 使用自定义TabLayout 最后,我们需要在布局文件中使用自定义TabLayout,并且通过代码调用自定义TabLayout的方法来实现我们想要的效果。 综上所述,Android自定义TabLayout需要一定的UI设计和编程能力,但是通过自定义TabLayout,我们可以实现更加精美和有趣的选项卡效果,从而使我们的应用更加吸引人。 ### 回答3: Android自定义TabLayout是一种可以让开发自定义TabLayout样式、添加图片、设置字体等等的功能,非常实用。以下是具体使用步骤和过程。 首先,我们需要在布局文件中添加TabLayout,具体代码如下: ``` <com.google.android.material.tabs.TabLayout android:id="@+id/tab_layout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabMode="scrollable" app:tabGravity="center" app:tabIndicatorHeight="2dp" app:tabTextColor="@color/tab_text_color" app:tabSelectedTextColor="@color/colorAccent" app:tabTextAppearance="@style/CustomTabText" /> ``` 其中,我们可以自定义TabLayout的样式,比如指示器高度、字体颜色、大小等等。同时,还可以添加自定义样式的TabTextAppearance,在其中设置自己所需的字体大小、颜色和样式,比如: ``` <style name="CustomTabText" parent="TextAppearance.Design.Tab"> <item name="android:textSize">16sp</item> <item name="android:textColor">@color/tab_text_color</item> <item name="textAllCaps">true</item> </style> ``` 接下来,我们需要在Java文件中设置TabLayout中每个Tab的属性。比如: TabLayout.Tab tab = tabLayout.newTab(); tab.setText("Tab1"); tab.setIcon(R.drawable.tab_1_icon); tabLayout.addTab(tab); 在上述代码中,我们实例化了一个TabLayout.Tab对象,设置了Tab的文本和图标,并将其添加到TabLayout中。 除了图标和文本属性外,我们还可以为每个Tab设置一个自定义View来实现更加个性化的效果。比如: TabLayout.Tab tab = tabLayout.newTab(); View customView = getLayoutInflater().inflate(R.layout.custom_tab_item, null); tab.setCustomView(customView); tabLayout.addTab(tab); 在上述代码中,我们使用了一个自定义布局文件custom_tab_item,将其实例化后并设置为tab的自定义View,从而实现更加个性化的效果。 综上所述,Android自定义TabLayout功能非常强大,开发者可以根据自己的需求自定义TabLayout样式、添加图片、设置字体等等。但也需要注意,自定义过程中需要保证代码的可读性和可维护性,避免出现过多的硬编码和重复代码。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值