仿网易云音乐首页切换效果

仿网易云音乐首页切换效果

这个项目展示了如何实现类似网易云音乐首页的Tabhost切换效果,并带有透明三角形指示器。

核心组件:

  • 自定义AnimTabsView: 继承自RelativeLayout,用于处理当前选中item的透明三角形效果。
  • onDraw方法: 在该方法中,对三角形图片进行透明度处理,实现动态效果。
  • setOnAnimTabsItemViewChangeListener方法: 提供onChange()方法,用于监听点击切换tabhost的事件。

实现步骤:

  1. 创建自定义AnimTabsView,并在其中绘制三角形指示器。
  2. 在onDraw方法中,根据当前选中item,动态调整三角形指示器的透明度。
  3. 使用setOnAnimTabsItemViewChangeListener方法监听tabhost切换事件,并在onChange()方法中更新选中状态和三角形指示器的透明度。

通过以上步骤,可以实现与网易云音乐首页类似的tab切换效果,并带有透明的三角形指示器,提升用户体验。

folder
Android Tabhost高仿网易云音乐客户端的Home页面切换 源码 预估大小:100个文件
file
.gitignore 291B
file
settings.gradle 53B
file
build.gradle 300B
file
.travis.yml 482B
file
AndroidManifest.xml 308B
file
anim_tab_item.xml 798B
file
dimens.xml 373B
file
anim_tab_bg_selector.xml 365B
file
tab_item_text_color_selector.xml 295B
file
blk_menubtn_prs_inset.xml 232B
file
blk_menubtn_prs.9.png 1KB
file
blk_menubtn_shadow.png 169B
file
blk_menubtn_bg.png 265B
file
blk_menubtn_arr.png 919B
file
strings.xml 225B
file
dimens.xml 213B
file
build.gradle 1KB
file
AnimTabsView.java 7KB
file
proguard-project.txt 781B
file
AnimTabsView.class 7KB
file
AnimTabsView$IAnimTabsItemViewChangeListener.class 330B
file
BuildConfig.class 353B
file
R.class 565B
file
R$layout.class 464B
file
R$attr.class 352B
file
R$string.class 555B
file
R$dimen.class 533B
file
R$drawable.class 798B
file
AnimTabsView$TabsItemViewClickListener.class 2KB
file
AndroidManifest.xml 308B
file
blk_menubtn_prs.9.png 1KB
file
blk_menubtn_shadow.png 169B
file
blk_menubtn_bg.png 265B
file
blk_menubtn_arr.png 919B
file
R.txt 552B
file
animtabsview.jar 5KB
file
.classpath 475B
file
project.properties 584B
file
.project 848B
file
R.java 2KB
file
BuildConfig.java 164B
file
gradlew 5KB
file
.travis.yml.back 616B
file
AndroidManifest.xml 831B
file
debug.keystore 1KB
file
fragment_main.xml 618B
file
activity_main.xml 334B
file
dimens.xml 373B
file
ic_launcher.png 951B
file
ic_launcher.png 2KB
file
test_transparent_mm.jpg 26KB
file
ic_launcher.png 2KB
file
ic_launcher.png 4KB
file
strings.xml 227B
file
dimens.xml 213B
file
build.gradle 2KB
file
MainActivity.java 2KB
file
proguard-project.txt 781B
file
R.class 515B
file
R$layout.class 415B
file
MainActivity$PlaceholderFragment.class 2KB
file
BuildConfig.class 363B
file
R.class 651B
file
MainActivity.class 2KB
file
R$layout.class 504B
file
R$attr.class 367B
file
R$id.class 454B
file
R$string.class 499B
file
MainActivity$PlaceholderFragment$1.class 1KB
file
R$dimen.class 488B
file
R$drawable.class 776B
file
R$string.class 484B
file
R$dimen.class 473B
file
R$drawable.class 683B
file
animtabsview-57741bd8fabc70fbf783df301d4fe6f1.jar 4KB
file
android-support-v4-c2e9f58d84d4cfd372c768c958e2eece.jar 426KB
file
MainActivity.apk 476KB
file
AndroidManifest.xml 831B
file
ic_launcher.png 1KB
file
ic_launcher.png 2KB
file
ic_launcher.png 2KB
file
ic_launcher.png 4KB
file
jarlist.cache 120B
file
R.txt 773B
file
classes.dex 1.27MB
file
resources.ap_ 46KB
file
.classpath 475B
file
project.properties 607B
file
org.eclipse.core.resources.prefs 57B
file
android-support-v4.jar 1.23MB
file
.project 848B
file
R.java 2KB
file
BuildConfig.java 169B
file
R.java 1KB
file
lint.xml 166B
file
LICENSE 11KB
file
README.md 584B
file
gradlew.bat 2KB
file
gradle-wrapper.properties 230B
file
gradle-wrapper.jar 50KB
...
rar 文件大小:2.47MB