码迷,mamicode.com
首页 > 移动开发 > 详细

学习Android之第六个小程序新浪微博(二)(ListView和TabActivity)

时间:2017-05-04 14:43:41      阅读:305      评论:0      收藏:0      [点我收藏+]

标签:return   html   layout   获取   dap   simple   htm   技术分享   ntop   

效果图例如以下:

技术分享


选项卡的使用:

1.继承TabActivity

2.声明TabHost变量,通过方法getTabHost()获取并赋值。

(TabHost  tabHost =getTabHost() ;)

3.在xml文件里,创建TabHost组件和TabWidget组件。而且TabHost组件的id属性必须是: android:id="@android:id/tabhost" ,

 TabWidgett组件的id属性必须是:android:id="@android:id/tabs"。


一共同拥有三个activity,BlogActivity.java、MyTabActivity.java、TestActivity.java。四个xml文件,activity_blog.xml、activity_mytab.xml、activity_test.xml、blog.xml。


MyTabActivity.java

package cn.edu.bzu.micro_blog.activity;

import android.os.Bundle;
import android.app.TabActivity;
import android.content.Intent;
import android.content.res.Resources;
import android.view.Menu;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;

public class MyTabActivity extends TabActivity {  //继承TabActivity

	TabHost tabHost;
	TabSpec tabSpec01,tabSpec02;
	Intent intent01,intent02;
	@SuppressWarnings("deprecation")
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_mytab);
		
		 tabHost=getTabHost();     //获取tabHost
		 intent01 = new Intent(this, BlogActivity.class);
		 intent02 = new Intent(this, TestActivity.class);
		 
	     tabSpec01 = tabHost.newTabSpec("system").setIndicator("Blog",null).  //创建选项,选项卡的名称为Blog,
	    		 															  //null的一项是设置选项的图标, 能够通过Resources来获取图片。
	                setContent(intent01);     //设置要显示的页面,也能够是组件。

tabSpec02 = tabHost.newTabSpec("hardware").setIndicator("Test",null). setContent(intent02); tabHost.addTab(tabSpec01); //加入 tabHost.addTab(tabSpec02); // 设置默认选中的选项卡为第1个 tabHost.setCurrentTab(0); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.first, menu); return true; } }


BlogActivity.java

package cn.edu.bzu.micro_blog.activity;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ListView;
import android.widget.SimpleAdapter;

public class BlogActivity extends Activity {
	private ListView listView;
	List<Map<String, ?>> data;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_blog);
		
		
		listView = (ListView)findViewById(R.id.lv);
		SimpleAdapter simpleAdapter = new SimpleAdapter(BlogActivity.this, getData(), R.layout.blog, new String[]{
			"name","address","photo"}, new int[]{R.id.name,R.id.wenzi,R.id.photo});

		
		listView.setAdapter(simpleAdapter);
		
	}
	
	 public List<Map<String, ?>> getData() {
	        data = new ArrayList<Map<String, ?

>>(); Map<String, Object> data01 = new HashMap<String, Object>(); data01.put("name", "张三"); data01.put("address", "近期学习了ListView组件,于是就模仿了一下腾讯微博的样式.看起来效果不错"); data01.put("photo",R.drawable.aa); data.add(data01); data01 = new HashMap<String, Object>(); data01.put("name", "李四"); data01.put("address", "仅仅是模仿,全都是硬编码,静态的,谢谢赞赏"); data01.put("photo",R.drawable.th); data.add(data01); return data; } @Override public 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; } }



TestActivity.java 仅仅有一个TextView。在这我就不上代码了。



activity_mytab.xml

<?

xml version="1.0" encoding="utf-8"?> <!-- android:id="@android:id/tabhost" 这句是特定的 --> <TabHost xmlns:android="http://schemas.android.com/apk/res/android" android:id="@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent" > <RelativeLayout android:layout_width="fill_parent" android:layout_height="fill_parent" > <!-- android:id="@android:id/tabs"同上 --> <TabWidget android:id="@android:id/tabs" android:layout_width="fill_parent" android:layout_height="50dp" android:gravity="bottom"/> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="fill_parent" /> </RelativeLayout> </TabHost>


activity_blog.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".BlogActivity" >
	
 
    
    <ListView
        android:id="@+id/lv"
        android:layout_marginTop="50dp"
        android:layout_height="match_parent"
        android:layout_width="match_parent">
        
        
    </ListView>

</RelativeLayout>

blog.xml

<?

xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <ImageButton android:id="@+id/photo" android:layout_width="50dp" android:layout_height="50dp" android:layout_marginTop="20dp" android:layout_marginLeft="10dp" android:src="@drawable/th" /> <TextView android:id="@+id/name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="20dp" android:layout_marginLeft="10dp" android:layout_toRightOf="@id/photo" android:text="" /> <TextView android:id="@+id/time" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="230dp" android:layout_marginTop="20dp" android:text="1分钟前" /> <TextView android:id="@+id/wenzi" android:layout_width="200dp" android:layout_height="wrap_content" android:layout_below="@id/name" android:layout_toRightOf="@id/photo" android:layout_marginLeft="10dp" android:layout_marginTop="20dp" android:text=""/> </RelativeLayout>














学习Android之第六个小程序新浪微博(二)(ListView和TabActivity)

标签:return   html   layout   获取   dap   simple   htm   技术分享   ntop   

原文地址:http://www.cnblogs.com/gavanwanggw/p/6806596.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!