Android 使用Fragment,ViewPagerIndicator 制作csdn app主要框架

移动开发 Android
本来准备下载个CSDN的客户端放手机上,没事可以浏览浏览资讯,下载了官方的之后,发现并不能很好的使用。恰好搜到一个大神自己写的csdn的app,下载安装了一下,感觉很不错,也很流畅,基本满足了我们 日常浏览的需求。

本来准备下载个CSDN的客户端放手机上,没事可以浏览浏览资讯,下载了官方的之后,发现并不能很好的使用。恰好搜到一个大神自己写的csdn的app,下载安装了一下,感觉很不错,也很流畅,基本满足了我们 日常浏览的需求。app效果图:

 

1、头部的布局文件,这个很简单:

 

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     package="com.zhy.csdndemo" 
  4.     android:versionCode="1" 
  5.     android:versionName="1.0" > 
  6.  
  7.  
  8.     <uses-sdk 
  9.         android:minSdkVersion="13" 
  10.         android:targetSdkVersion="17" /> 
  11.  
  12.  
  13.     <application 
  14.         android:allowBackup="true" 
  15.         android:icon="@drawable/ic_launcher" 
  16.         android:label="@string/app_name" 
  17.         android:theme="@style/AppTheme" > 
  18.         <activity 
  19.             android:name="com.zhy.csdndemo.MainActivity" 
  20.             android:label="@string/app_name"  
  21.             android:theme="@style/MyTheme"
  22.             <intent-filter> 
  23.                 <action android:name="android.intent.action.MAIN" /> 
  24.  
  25.  
  26.                 <category android:name="android.intent.category.LAUNCHER" /> 
  27.             </intent-filter> 
  28.         </activity> 
  29.     </application> 
  30.  
  31.  
  32. </manifest> 

就显示一个图标和标题。
2、主布局文件:

 

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  2.     xmlns:tools="http://schemas.android.com/tools" 
  3.     android:layout_width="match_parent" 
  4.     android:layout_height="match_parent" 
  5.     android:background="#eee" 
  6.     android:orientation="vertical" > 
  7.  
  8.  
  9.     <include layout="@layout/main_head" /> 
  10.  
  11.  
  12.     <com.viewpagerindicator.TabPageIndicator 
  13.         android:id="@+id/id_indicator" 
  14.         android:layout_width="fill_parent" 
  15.         android:layout_height="wrap_content" 
  16.         android:background="@color/transparentblue" > 
  17.     </com.viewpagerindicator.TabPageIndicator> 
  18.  
  19.  
  20.     <android.support.v4.view.ViewPager 
  21.         android:id="@+id/id_pager" 
  22.         android:layout_width="fill_parent" 
  23.         android:layout_height="0dp" 
  24.         android:layout_weight="1" /> 
  25.  
  26.  
  27. </LinearLayout> 

一个TabPageIndicator和一个ViewPager。
3、主Activity

 

TabAdapter.java

 

MainFragment.java

 

  1. package com.zhy.csdndemo; 
  2.  
  3.  
  4. import android.annotation.SuppressLint; 
  5. import android.os.Bundle; 
  6. import android.support.v4.app.Fragment; 
  7. import android.view.LayoutInflater; 
  8. import android.view.View; 
  9. import android.view.ViewGroup; 
  10. import android.widget.TextView; 
  11.  
  12.  
  13. @SuppressLint("ValidFragment"
  14. public class MainFragment extends Fragment 
  15.  
  16.  
  17.     private int newsType = 0
  18.  
  19.  
  20.     public MainFragment(int newsType) 
  21.     { 
  22.         this.newsType = newsType; 
  23.     } 
  24.  
  25.  
  26.     @Override 
  27.     public void onActivityCreated(Bundle savedInstanceState) 
  28.     { 
  29.         super.onActivityCreated(savedInstanceState); 
  30.     } 
  31.  
  32.  
  33.     @Override 
  34.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) 
  35.     { 
  36.         View view = inflater.inflate(R.layout.tab_item_fragment_main, null); 
  37.         TextView tip = (TextView) view.findViewById(R.id.id_tip); 
  38.         tip.setText(TabAdapter.TITLES[newsType]); 
  39.         return view; 
  40.     } 
  41.  
  42.  

4、在styles.xml中自定义Theme

 

  1. <style name="MyTheme" parent="AppBaseTheme"> 
  2.         <item name="vpiTabPageIndicatorStyle">@style/MyWidget.TabPageIndicator</item> 
  3.         <item name="android:windowBackground">@drawable/init_pic</item> 
  4.         <item name="android:windowNoTitle">true</item>   
  5.         <item name="android:animationDuration">5000</item> 
  6.         <item name="android:windowContentOverlay">@null</item>   
  7.     </style> 
  8.      
  9.     <style name="MyWidget.TabPageIndicator" parent="Widget"> 
  10.         <item name="android:gravity">center</item> 
  11.         <item name="android:background">@drawable/vpi__tab_indicator</item> 
  12.         <item name="android:paddingLeft">22dip</item> 
  13.         <item name="android:paddingRight">22dip</item> 
  14.         <item name="android:paddingTop">8dp</item> 
  15.         <item name="android:paddingBottom">8dp</item> 
  16.         <item name="android:textAppearance">@style/MyTextAppearance.TabPageIndicator</item> 
  17.         <item name="android:textSize">16sp</item> 
  18.         <item name="android:maxLines">1</item> 
  19.     </style> 
  20.  
  21.  
  22.     <style name="MyTextAppearance.TabPageIndicator" parent="Widget"> 
  23.         <item name="android:textStyle">bold</item> 
  24.         <item name="android:textColor">@color/black</item> 
  25.     </style> 

本文链接:http://www.cnblogs.com/lgphp/archive/2014/07/20/3856358.html

责任编辑:chenqingxiang 来源: cnblogs
相关推荐

2016-12-02 19:00:13

Android FraAndroid

2013-07-10 15:52:17

fragmentAndroid

2013-06-04 17:23:55

Android开发移动开发Fragment

2017-03-29 15:20:25

AndroidRootTools框架

2013-03-22 13:42:39

简网App工厂傻瓜式

2013-09-22 11:08:14

App测试Android

2014-08-15 14:49:40

AndroidFragment通讯处理

2010-01-11 22:19:27

电线电缆布线技术

2017-07-03 13:11:39

大数据Hadoop模块介绍

2018-04-24 15:00:59

Kotlin语言函数

2016-10-24 14:53:30

Android app使用技巧

2014-04-16 13:31:27

AndroidFragment多屏幕支持

2013-03-22 13:54:09

追信魔盒傻瓜式App制作

2013-03-22 13:37:55

安米网傻瓜式App制作

2013-05-28 14:39:25

Android开发Android App

2020-09-04 15:29:54

APP开发框架

2013-08-29 09:33:31

App Builder轻应用

2013-03-22 13:31:52

App制作工具非编程

2015-11-05 16:48:18

android源码登陆界面

2010-04-21 16:21:51

LiveUSB
点赞
收藏

51CTO技术栈公众号