Android——AdT模拟新浪微博随便看看看看

来源:互联网 发布:nginx 二级域名 转发 编辑:程序博客网 时间:2024/06/06 03:46

一、项目开发

1、项目开发运行效果图



2、开发概要

本项目是模拟新浪微博随便看看,初步学习ListView控件,重写了ListView控件和BaseAdapter适配器中的方法,ListView中的数据中图片、昵称、文本都是在values目录中定义的arrays.xml资源,里面的日期和人气字段都是通过获取和随机出来的。xml文件分为两个,一个activity_main.xml和list_layout.xml.字段文本信息主要在values.xml文件中。

二、程序讲解

1、项目文件如下:


注意:本项目所用的图片主要放在drawable-hdpi文件中

2、步骤

1)重写ListView控件MyListView,新建src目录下下添加bzu.eu.view/MyListView.java,代码部分如下:
package bzu.edu.view;import android.content.Context;import android.util.AttributeSet;import android.widget.ListView;public class MyListView extends ListView {//重写ListView控件为MyListViewpublic MyListView(Context context, AttributeSet attrs) {super(context, attrs);// TODO Auto-generated constructor stub}}

2)、修改res/layout/activity_main.xml文件,代码部分如下:
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/liner"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >    <LinearLayout         android:layout_width="match_parent"        android:layout_height="wrap_content"        android:padding="6dip"        android:background="#FA8072">        <TextView             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="@string/tvTitleName"            android:textSize="15sp"            android:textColor="@android:color/white"            />    </LinearLayout><!-- 定义LIstView控件 -->    <bzu.edu.view.MyListView        android:id="@+id/myListView1"        android:layout_width="match_parent"        android:layout_height="wrap_content" >    </bzu.edu.view.MyListView></LinearLayout>

3)、在res/layout目录下添加list_layout.xml文件,代码部分如下:
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:padding="10dip"    android:orientation="vertical" >    <RelativeLayout         android:layout_width="match_parent"        android:layout_height="wrap_content"        >        <!-- 定义头像ImageView控件 -->        <ImageView             android:id="@+id/head_img"            android:src="@drawable/p1"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_marginTop="5dip"            android:layout_alignParentLeft="true"            />        <!-- 文本LinearLayout布局,纵向布局 。内部采用RelativeLayout嵌套的布局方式-->        <LinearLayout             android:layout_width="match_parent"            android:layout_height="wrap_content"            android:layout_toRightOf="@+id/head_img"            android:layout_marginLeft="7dip"            android:orientation="vertical">            <RelativeLayout                 android:layout_width="match_parent"                android:layout_height="wrap_content">                <!-- 定义用户名TextView控件 -->                <TextView                     android:id="@+id/name"                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_alignParentLeft="true"                    android:textColor="#FF6666"                    android:textSize="16sp"                    android:typeface="sans"                    android:textStyle="bold"                    android:text="阿童木"/>                <!-- 定义显示时间的文本TextView控件 -->                <TextView                     android:id="@+id/time"                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_toRightOf="@id/name"                    android:layout_alignBottom="@id/name"                    android:layout_marginLeft="5dip"                    android:textColor="#696969"                    android:textSize="12sp"                    android:text="12:12"/>                <!-- 定义TextView控件显示人气值 -->                 <TextView                     android:id="@+id/rq"                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_alignParentRight="true"                    android:layout_centerVertical="true"                    android:textSize="9sp"                    android:text="150人气"/>            </RelativeLayout>            <LinearLayout                 android:layout_width="match_parent"                android:layout_height="wrap_content"                android:layout_marginTop="5dip">                <TextView                     android:id="@+id/article"                    android:layout_width="match_parent"                    android:layout_height="wrap_content"                    android:minHeight="50px"                    android:textSize="12sp"                    android:text="内容部分"/>            </LinearLayout>        </LinearLayout>    </RelativeLayout></LinearLayout>


4)、在vlues文件下添加arrays.xml,<item>代码如下:
<?xml version="1.0" encoding="utf-8"?><resources>    <!-- 头像 -->    <array name="head_photo">        <item>@drawable/p1</item>        <item>@drawable/p2</item>        <item>@drawable/p3</item>        <item>@drawable/p4</item>        <item>@drawable/p5</item>        <item>@drawable/p6</item>        <item>@drawable/p7</item>        <item>@drawable/p8</item>        <item>@drawable/p9</item>        <item>@drawable/p10</item>        </array>    <!-- 内容 -->    <string-array name="article">        <item>@string/p1</item>        <item>@string/p2</item>        <item>@string/p3</item>        <item>@string/p4</item>        <item>@string/p5</item>        <item>@string/p6</item>        <item>@string/p7</item>        <item>@string/p8</item>        <item>@string/p9</item>        <item>@string/p10</item>    </string-array>    <!-- 昵称 -->    <string-array name="name">        <item>潇湘夜雨</item>        <item>小小</item>        <item>青春无悔</item>        <item>小丸子</item>        <item>丫丫</item>        <item>Mil</item>        <item>初见</item>        <item>片刻暗恋</item>        <item>陪你到老</item>        <item>乐此不疲</item>     </string-array>    </resources>

5)、在src目录下添加bzu.edu.adapter/ArticleAdapter,代码如下:
package bzu.edu.adapter;import java.util.List;import bzu.edu.hou.R;import android.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.TextView;//自定义ArticleAdapter类public class ArticleAdapter extends BaseAdapter {private List<Messages> list_mes=null;private Context context;//构造方法public ArticleAdapter(Context context,List<Messages> list_mes) {// TODO Auto-generated constructor stubthis.list_mes=list_mes;this.context=context;}@Overridepublic int getCount() {// TODO Auto-generated method stubreturn list_mes.size();}@Overridepublic Object getItem(int position) {// TODO Auto-generated method stubreturn list_mes.get(position);}@Overridepublic long getItemId(int position) {// TODO Auto-generated method stubreturn position;}//设置item页面的布局效果@Overridepublic View getView(int position, View convertView, ViewGroup parent) {// TODO Auto-generated method stubListItem listitem;if(convertView==null){convertView=(LinearLayout)LayoutInflater.from(context).inflate(R.layout.list_layout, null);listitem=new ListItem();//获取到对应的控件对象listitem.img=(ImageView)convertView.findViewById(R.id.head_img);listitem.name=(TextView)convertView.findViewById(R.id.name);listitem.time=(TextView)convertView.findViewById(R.id.time);listitem.rq=(TextView)convertView.findViewById(R.id.rq);listitem.article=(TextView)convertView.findViewById(R.id.article);convertView.setTag(listitem);}else {listitem=(ListItem)convertView.getTag();}listitem.img.setImageDrawable(list_mes.get(position).getImg());listitem.name.setText(list_mes.get(position).getName());listitem.time.setText(list_mes.get(position).getTime());listitem.rq.setText(list_mes.get(position).getRq());listitem.article.setText(list_mes.get(position).getArticel());return convertView;}//定义内部类作为占位符组合public class ListItem{ImageView img;TextView name;TextView time;TextView rq;TextView article;}}

6)、在src目录下添加bzu.edu.adapter/Messages,代码如下:
package bzu.edu.adapter;import android.graphics.drawable.Drawable;public class Messages {private Drawable img;//图片private String name;//姓名private String time;//时间private String rq;//日期private String articel;//内容//Messages的构造方法public Drawable getImg() {return img;}public void setImg(Drawable img) {this.img = img;}public String getName() {return name;}public void setName(String name) {this.name = name;}public String getTime() {return time;}public void setTime(String time) {this.time = time;}public String getRq() {return rq;}public void setRq(String rq) {this.rq = rq;}public String getArticel() {return articel;}public void setArticel(String articel) {this.articel = articel;}}

7)、修改src/bzu.edu/MainActivity.java代码,如下:
package bzu.edu;import java.text.SimpleDateFormat;import java.util.ArrayList;import java.util.Date;import java.util.List;import java.util.Random;import bzu.edu.adapter.ArticleAdapter;import bzu.edu.adapter.Messages;import bzu.edu.hou.R;import bzu.edu.view.MyListView;import android.os.Bundle;import android.app.Activity;import android.content.res.TypedArray;import android.view.Menu;import android.view.Window;import android.widget.BaseAdapter;public class MainActivity extends Activity {//定义重写的MyListView对象//定义字符序列组用来存储的MyListView的数据源private MyListView mylistview=null;private List<Messages> list_msg=null;private BaseAdapter adapter=null;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);//取消自带的标题栏requestWindowFeature(Window.FEATURE_NO_TITLE);//通过setContentView方法设置当前页面的布局文件为activity_main;setContentView(R.layout.activity_main);findView();setGv();}private void setGv(){if(list_msg==null){getData();}adapter=new ArticleAdapter(this,list_msg);//设置ListView的adapter;mylistview.setAdapter(adapter);}private void findView(){//通过findViewById得到对应的空间对象;mylistview=(MyListView)findViewById(R.id.myListView1);}private void getData() {// TODO Auto-generated method stub//获得xml的资源String names[];String article[];TypedArray img;int i;//通过getResources方法获取arrays内的字段names=getResources().getStringArray(R.array.name);article=getResources().getStringArray(R.array.article);img=getResources().obtainTypedArray(R.array.head_photo);list_msg=new ArrayList<Messages>();for(i=0;i<names.length;i++){Messages message=new Messages();message.setImg(img.getDrawable(i));message.setName(names[i]);message.setArticel(article[i]);message.setRq("人气:"+String.valueOf(new Random().nextInt(1000)));Date date=new Date();SimpleDateFormat simple=new SimpleDateFormat("MM-dd");message.setTime(simple.format(date));list_msg.add(message);}}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}}

到这里本项目可以说简单完工,本项目是一个简单的Android-ADT开发,菜鸟一枚!多多建议,批评!


2 0
原创粉丝点击