移动设备交互应用实验实验2-我的头条_实验2 沈晨玙 2019092121.docVIP

深圳大学实验报告

课程名称：移动设备交互应用

实验项目名称：我的头条

学院：计算机与软件学院

专业：计算机科学与技术

指导教师：解为成

报告人：沈晨均学号：2019092121班级：19计科国际

实验时间：2020.11.3

实验报告提交时间：2020.11.5

教务处制

一、实验目的与内容：

目的：掌握安卓中活动的编写、自定义用户界面的开发、能使用HTTP协议访问网络；并能通过自学能适当完善该APP界面，并使界面尽量美观。

内容要求：

1.请尽量模拟如下APP界面的功能，参考：

/store/apps/details?id=mark.h.my_news_apphl=en_US

中171K/s00107

三MyTopNews

BusinessEntertainmentHealthSclenceSpo

策略聚焦

策略聚焦

中信：底线思维下A股有政策底当前是战略配置窗口-新浪网

S1DayAgo

中美夹缝中的欧洲：华为禁令影响有多大?-纽约时报中文网

TheNewYorkTimes1DayAgo

Nbd

南阳巨资买氢能公交却无加氢站：核心设备依赖进口建设举步维艰-每日经济新闻

N10HoursAgo

六个月涨幅超九成A股铁矿石股期“同框”站上C位-新浪网

S5HoursAgo

要闻分析-张伦：任正非应该向习近平喊话-RFI-法国国际广播电台

Cn.rfi,fr5HoursAgo

私募大咖放眼后市：分化行情中关注结构性

机会-新浪网

S

4HoursAgo

s0t/

2

中芯国际：从纽交所退市与贸易战无关-必威体育精装版消息-cnBeta

增Cnhetacon1Day△ao

2.该实现的界面应至少包含3个菜单，分别展示个人3个方面的信息，菜单之间要表现出一定的差异性；每个菜单可以包含2-5个条目，每个条目能响应个人某方面的偏好信息；此

外，如果是响应网页，需同时体现出a)采用浏览器浏览与b)下载到本地两种技术方案。3.尽量多的应用参考书《第一行代码Android》第二版第2章(活动)、第3章(UI开发)与第9章(网络技术)的各个知识点。

注意：

1.实验报告中需要有功能的描述、实验结果的截屏图像及详细说明；2.该实验报告的所需的部分内容需要自学(如第9章);

3.也欢迎采用其它章节的知识点完成本次实验报告，如果实现的功能言之合理，会考虑酌情加分。

二、实验过程和代码与结果

1.“我的头条”APP的构建过程及结果

1.1标题栏设计

1.1.1标题栏UI布局分析

三MyTopNews

BusinessEntertainmentHealthSclence

·上半部分左侧Button控件控制侧菜单栏，右侧是TextView控件显示软件标题

·下半部分为一个横向的RecyclerView,每一个组件由ImageView与TextView组成

1.1.2标题栏UI布局代码构建

·创建drawable-xxhdpi文件夹，用于存放图片资源，利用自动匹配机制去选择对应的布局和图片资源(本项目矢量图来自阿里巴巴矢量图标库/)

·在layout文件夹中，创建title.xml,编写布局代码

·标题栏为线性布局，背景颜色设置为浅蓝色，完成整体设计

?xmlversion=1.0encoding=utf-8?

LinearLayoutxmlns:android=/apk/res/androidxmlns:tools=/to