温馨提示  2024年 6月我们已经停止开发者板块文章内容更新,谢谢来访。存档数据
知识 2023-12-10 25 次阅读

安卓新闻app开发:怎样达成功能、优化用户体验和优化性能?

安卓新闻app开发:从用户需求到实际应用
随着智能手机的普及,新闻app已成为人们获取资讯的重要途径。安卓系统凭借其开放性和兼容性,成为了新闻app开发的首选平台。本文将探讨安卓新闻app开发的关键要素,包括用户需求分析、界面设计、功能实现和优化体验。通过深入了解用户需求,开发者可以打造出更符合用户习惯的新闻app,提高用户体验,最终赢得市场。

在这个信息时代,人们获取新闻的方法已经从传统的报纸、电视逐渐转向移动端。而根据用户的需求和便利性,移动端的新闻应用普及也变成一种趋势。本文将介绍如何开发一款安卓的新闻应用。

首先,新闻应用的本质就是一个前端展示,并且获取了数据的应用。而新闻类应用的主要数据起源有两种一种是从服务器端获取数据,这样的方法相比较起来谈操作较为繁琐。需要自己开发服务器和接口,并联系新闻数据的提供商。这里我们将主要介绍第二种方法即通过抓取网络上的数据源获取新闻数据。

一,数据起源

在这里我们会用到一款网络数据抓取的库——Jsoup,该库可以获取网页上的HTML代码,并且提供了操作的方便性,同时Jsoup的操作方法和我们常用的DOM解析很相似,所以很容易上手。安卓studio的使用不做过多展开,不懂的可以去官网查看。

我们可先定义一个DataModel类,用于描述数据起源的实体类。在这里,我们定义了一个id,title和newsUrl三个属性

```

public class DataModel {

private int id;

private String title;

private String newsUrl;

//构造方法,省略getter和setter方法

public DataModel(int id, String title, String newsUrl) {

this.id = id;

this.title = title;

this.newsUrl = newsUrl;

}

}

```

下一步,我们需要对于数据源进行操作,尝试去获取网页上的HTML代码我们以获取天气新闻为例子

```

public class NetworkDataFetcher {

private static final String NEWS,URL,TOUTIAO = http://www.toutiao.com/ch/news,hot/;

public static final String USER,AGENT,MOZILLA,5,0,WINDOWS,NT,61,WOW64,APPLE,WEB,KIT537,36,KHTML,GECKO,FIREFOX50,0,1,FIREFOX,ESR,45,6 = Mozilla/5.0 (Windows NT 6.1; WOW64; rv:50.0) Gecko/20100101 Firefox/50.0.1 Firefox/ESR 45.6;

public static final String COOKIE,DISTINCT,ID = distinct,id=15b7a1f0fa789c-0a244231a9c7f1-b363e65-100200-15b7a1f0fa930c; expires=Thu, 27 Dec 2018 02:43:01 GMT; Max-Age=15552000; path=/; domain=.toutiao.com;

public static final String COOKIE,UCID = ucid=uskoud0iaaepvaqvvc5bewjlzt7ye2ro42rguhf7vrex9xg69gxpu0,1eo4t4w4&yi=undefined&subch,es=安卓&subch,id=push,dispatch%3A758762292916063700; expires=Fri, 03 Jan 2020 02:43:01 GMT; Max-Age=31536000; path=/; domain=.toutiao.com;

public static List getNetworkData() throws Exception {

Connection conn = Jsoup.connect(NEWS,URL,TOUTIAO);

conn.header(User-Agent, USER,AGENT,MOZILLA,5,0,WINDOWS,NT,61,WOW64,APPLE,WEB,KIT537,36,KHTML,GECKO,FIREFOX50,0,1,FIREFOX,ESR,45,6);

conn.header(Cookie, COOKIE,UCID);

conn.header(Cookie, COOKIE,DISTINCT,ID);

Document document = conn.get();

Element element = document.select(ul.list.list-paddingleft-0).first();

List dataModelList = new ArrayList<>();

Elements elements = element.getElementsByTag(li);

for (Element e : elements) {

Element aTag = e.getElementsByTag(a).first();

Element titleTag = aTag.getElementsByTag(title).first();

String title = titleTag.html();

String urlString = aTag.attr(href);

DataModel dataModel = new DataModel(0, title, urlString);

dataModelList.add(dataModel);

System.out.println(title + : + urlString);

}

return dataModelList;

}

}

```

我们这里主如果获取了网页中新闻标题和新闻的URL,把它缓存到dataModelList中。

二,列表页面的实现

获取了数据后,我们需要在页面上展示数据,详细来说就是在一个列表页面上展示获取到的数据。我们在xml布局文件中使用了RecyclerView作为列表控件,同时还定义了一个卡片布局来展示每一条新闻的标题。代码如下

```

xmlns:tools=http://schemas.安卓.com/tools

安卓:orientation=vertical 安卓:layout,width=match,parent

安卓:layout,height=match,parent>

<安卓.support.v7.widget.recyclerview< p="">

安卓:id=@+id/id,recycler,view

安卓:layout,width=match,parent

安卓:layout,height=match,parent />

<安卓.support.v7.widget.cardview< p="">

安卓:id=@+id/id,news,card,view

安卓:layout,width=match,parent

安卓:layout,height=wrap,content

安卓:layout,margin=@dimen/card,margin

安卓:padding=@dimen/card,padding>

安卓:id=@+id/id,news,title

安卓:layout,width=match,parent

安卓:layout,height=wrap,content

安卓:textSize=@dimen/news,title,size

安卓:textColor=@color/color,black

安卓:paddingBottom=@dimen/news,padding,bottom

安卓:text=DemoNewsTitle />

```

在Activity的实现中,我们我们将数据列表和卡片布局绑定在RecyclerView中,最终通过Adapter的方法将数据和列表的视图绑定,展现在UI界面中。代码如下

```

public class MainActivity extends AppCompatActivity {

private RecyclerView mRecyclerView;

private LinearLayoutManager mLayoutManager;

private List mDataList;

private DataAdapter mAdapter;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity,main);

mRecyclerView = (RecyclerView) findViewById(R.id.id,recycler,view);

mRecyclerView.setHasFixedSize(true);

mLayoutManager = new LinearLayoutManager(this);

mRecyclerView.setLayoutManager(mLayoutManager);

mDataList = new ArrayList<>();

try {

mDataList = NetworkDataFetcher.getNetworkData();

} catch (Exception e) {

e.printStackTrace();

}

mAdapter = new DataAdapter(this, mDataList);

mRecyclerView.setAdapter(mAdapter);

}

}

```

三,新闻页面的实现

在列表页面展现了新闻的标题后,需要进入每一个详情页面获取新闻的具体内容。我们可将展示内容的页面定义为一个Fragment,当点击详情时通过替换和Fragment的方法进入新闻详情页面。局部静态变量DataModel表示将要展示的新闻,NewsFragment类实现了UI界面的初始化以及数据的展现,我们同样使用Jsoup库加载HTML代码,并将拉取到的新闻内容展现在UI界面中。

```

public class NewsFragment extends Fragment {

private DataModel mData;

public NewsFragment() {

// Required empty public constructor

}

public static NewsFragment newInstance(DataModel data) {

NewsFragment fragment = new NewsFragment();

fragment.mData = data;

return fragment;

}

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container,

Bundle savedInstanceState) {

View view= inflater.inflate(R.layout.fragment,news, container, false);

TextView textView =(TextView)view.findViewById(R.id.news,content);

textView.setMovementMethod(ScrollingMovementMethod.getInstance());

try {

Document doc = null;

doc = Jsoup.connect(mData.getNewsUrl()).get();

textView.setText(doc.html());

} catch (IOException e) {

e.printStackTrace();

}

return view;

}

}

```

最后的效果如图列表和新闻的详情页面

![newsapp](https://user-images.githubusercontent.com/38556951/127727888-a0d43b8e-01bd-47ca-9c21-ad090e61b7d3.gif)

以上便是一款新闻类应用的主如果要实现原理,与大家分享。希望对大家开发类似应用有所启示。