Android实现了豆瓣FM的首页效果
实现了豆瓣FM的首页效果,如下:
程序代码结构如下:
其中MainActivity是主界面显示,GalleryFlow实现了Gallery的随手势拖动的大小变化,Rotate3dAnimation实现了歌曲封面图片的旋转。
main.xml是主界面的布局文件,总体采用LinearLayout布局,上部是Gallery,中部图片部分采用了FrameLayout,确保了歌曲信息和时间能够覆盖在封面表面,底部采用了横向布局的LinearLayout。具体的Layoutu布局参见Android布局,布局文件代码如下:
- <linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="vertical" android:layout_width="fill_parent"
- android:layout_height="fill_parent" android:background="@drawable/bg_w">
- <linearlayout android:orientation="vertical"
- android:layout_width="fill_parent" android:layout_height="wrap_content">
- <textview android:layout_width="fill_parent"
- android:layout_height="wrap_content" android:gravity="center_horizontal"
- android:text="公共频道" android:layout_marginTop="30px" />
- <com.easymorse.mygallery.galleryflow
- android:layout_marginTop="30px" android:id="@+id/mygallery1"
- android:layout_width="fill_parent" android:layout_height="100px"
- android:spacing="70dp" android:gravity="center" />
- <imageview android:layout_width="fill_parent"
- android:layout_height="wrap_content" android:src="@drawable/line" />
- <framelayout android:layout_width="fill_parent"
- android:layout_height="wrap_content" android:layout_weight="2"
- android:layout_margin="0px" android:gravity="center">
- <linearlayout android:id="@+id/mContener"
- android:orientation="vertical" android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:layout_margin="0px" android:layout_gravity="center" android:gravity="center">
- <imageview android:layout_width="350px" android:id="@+id/album_corver1"
- android:layout_height="350px" android:onClick="showContent" />
- <imageview android:layout_width="350px" android:id="@+id/album_corver2"
- android:layout_height="350px" android:visibility="gone"
- android:onClick="showPicture" />
- <textview android:layout_width="250px" android:layout_height="wrap_content"
- android:text="0:18" android:gravity="center_horizontal"
- android:layout_marginBottom="80px"
- android:layout_gravity="center|bottom" />
- <textview android:layout_width="250px" android:layout_height="wrap_content"
- android:text=" Warner Bros. Records with Sony BMG"
- android:singleLine="true" android:ellipsize="marquee"
- android:marqueeRepeatLimit="marquee_forever" android:focusable="true"
- android:layout_marginBottom="50px"
- android:focusableInTouchMode="true" android:layout_gravity="center|bottom" />
- <linearlayout android:layout_width="fill_parent"
- android:layout_height="wrap_content" android:layout_margin="0px"
- android:orientation="horizontal">
- <imageview android:layout_width="75px"
- android:layout_weight="1" android:layout_height="75px" android:src="@drawable/trash_1" />
- <imageview android:layout_width="75px"
- android:layout_weight="1" android:layout_height="75px" android:src="@drawable/heart_1" />
- <imageview android:layout_width="75px"
- android:layout_weight="1" android:layout_height="75px" android:src="@drawable/skip_1" />
复制代码
关于封面图片的倒影效果参见:Android实现图片的倒影效果。
图片点击后旋转的效果参见:自定义动画实现不同View的切换。
Gallery实现文字显示参见: Android修改Gallery界面布局 。
不足之处,头部的Gallery效果和豆瓣FM还有很大区别。
项目源码见:android-gallery-demo0.1.rar
Android实现了豆瓣FM的首页效果相关推荐
- Android实现豆瓣FM的首页效果
实现了豆瓣FM的首页效果,如下: 程序代码结构如下: 其中MainActivity是主界面显示,GalleryFlow实现了Gallery的随手势拖动的大小变化,Rotate3dAnimation实现 ...
- Android仿豆瓣FM卡片滑动
最近公司项目要做一个跟豆瓣FM卡片式滑动的效果,看看效果图: 卡片的滑动和伸缩功能都已做好测试跟豆瓣FM 1:1还原 package org.android.mygdttst.douban;impor ...
- Android实现支付宝AR功能,Android RecyclerView 实现支付宝首页效果
Android RecyclerView 实现支付宝首页效果 [TOC] 虽然我本人不喜欢支付宝的,但是这个网格本身其实还是不错的,项目更新中更改了一个布局为网格模式,类似支付宝.(估计是产品抄袭的= ...
- 豆瓣fm android,豆瓣FM - 遇见音乐 - Android 应用 - 【最美应用】
1. 界面更加清爽 新版界面有别于旧版本的豆瓣FM,新版的豆瓣FM 采用了淡淡的豆瓣绿的背景,同时将兆赫的选择从主页面上移除,使其看起来不再杂乱无章,而且显得更有层次感.同时浅色的背景给人一种清爽,舒 ...
- 豆瓣FM产品分析 | 纯粹极简的听歌APP
2019年7月1日豆瓣FM6.0版本正式上线.对于这次大版本更新,官方的定义是:"极简的页面设计和交互方式,让一切回归于音乐本身".听上去挺不错的,让我们开启对这款产品的体验之旅吧 ...
- 如何为豆瓣FM写一个chrome的歌词插件
对于喜欢豆瓣FM的同学来说,没有歌词是件令人苦恼的事,下面我就来总结下怎样为豆瓣FM写一个chrome的歌词插件. --------------------------------- 1.需要的技能 ...
- Android利用Cookie实现码源登录效果
上一篇讲了界面的实现,详情请戳Android利用Cookie实现码源登录效果(一) - 界面实现,本篇将对功能的实现进行分析. 具体实现 功能实现 使用HttpClient进行post请求 在进行po ...
- 豆瓣FM电台Chrome扩展——下载
作为一个豆瓣fm的忠实用户,被豆瓣fm与音乐不期而遇的理念深深吸引. 最近豆瓣推出升级到PRO享受更高品质音乐的服务,升级后确实质量提升明显.但是有个功能仍然没有提供,那就是无法下载喜欢的歌曲. 在对 ...
- 在移动设备上使用豆瓣FM Pro
本周一豆瓣电台推出了收费服务豆瓣FM Pro,用户每月支付10元,即可比普通版多享受两项服务:192kbps音乐以及去除听音乐过程中的广告.这是豆瓣商业化的一次尝试. 今天豆瓣FM的的移动应用更新,支 ...
最新文章
- 重写,重载,抽象类,接口,抽象类和接口区别
- Dr. Evil Underscores(异或最大值最小)
- 带文件卖面,老坛酸菜面重回超市货架!你会买账吗?京东、淘宝依然屏蔽
- php ajax传值中文乱码问题,PHP Ajax JSON中文乱码各种问题解决办法
- Django 静态文件处理
- 从零开始学习python编程-从零开始学Python程序设计 PDF 完整影印版
- (转)基于深度组合的选股策略
- 一种简单的睡眠评分规则
- Spark SQL 之开窗函数
- PE文件格式详解(0)
- 连接数据库查询数据的工具类(底层实现)——以查询Phoenix为例
- 飞桨领航团西安回顾|技术干货大厂offer独家经验分享
- python获取他人的ip_python - 获取访问者的IP地址
- (vue) 前端实现下载本地Excel模板
- 启舰:不懂花钱的人,大概率成为Loser!
- 图书管理系统之用户信息维护
- 数据统计分析案例(对比分析、销量定比分析、同比、双坐标图、环比、shift、贡献度分析(帕累托法则)、差异化分析、resample、季节性波动分析)
- Elasticsearch:跨集群复制 Cross-cluster replication(CCR)
- Java程序完形填空题_moodle中的完形填空题的文本编写方法
- 腾讯云轻量级服务器怎么搭建网站,腾讯云轻量应用服务器新手教程:快速搭建网站...