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

╰+攻爆jí腚メ 2021-12-14 09:45 67阅读 0赞

效果图例如以下：

![SouthEast][]

选项卡的使用：

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"?>  <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" >  <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

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>

转载于:https://www.cnblogs.com/gavanwanggw/p/6806596.html

[SouthEast]: /images/20211214/b1c1971aab3b46678070434ed3d33d6d.png