健康栏目的实现
2016-12-04 22:32
267 查看
首先是APP主界面
接下来是程序的主要代码:
(1)Activity_main.xml
实验总结:
虽未达到预期的实验效果,但实验的基本要求已经实现,程序还有待进一步优化。
接下来是程序的主要代码:
(1)Activity_main.xml
<LinearLayout 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" android:orientation="vertical" tools:context=".HealthActivity" > <include layout="@layout/health_layout_titlebar" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" > <!-- 健康新知 --> <TextView android:id="@+id/tv_healthnews" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_weight="1" android:gravity="center" android:padding="6dp" android:text="@string/healthnews" android:textSize="18sp" /> <!-- 疾病防治 --> <TextView android:id="@+id/tv_healthill" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_weight="1" android:gravity="center" android:padding="6dp" android:text="@string/illdefense" android:textSize="18sp" /> </LinearLayout> <TextView android:id="@+id/cursor" android:layout_width="125dp" android:layout_height="5dp" android:layout_marginLeft="20dp" android:background="#990033" /> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout>(2)health_layout_titlebar 布局文件
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@drawable/titlebar_bg" > <ImageView android:id="@+id/icons_health_back" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:gravity="center" android:paddingLeft="6dp" android:src="@drawable/icons_health_back" /> <TextView android:id="@+id/title" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_weight="1" android:gravity="center" android:text="健康" android:textColor="#ffffff" android:textSize="15sp" /> <p></LinearLayout></p>(3)HealthActivity .java
public class HealthActivity extends Activity { private int currIndex;// 当前页卡编号 private TextView tvCursor; private TextView tvHealthNews; private TextView tvIllnessDefense; private ViewPager vpHealth; private ImageView ivHealthBack; @Override protected void onCreate(Bundle savedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.activity_health); initViews(); initCursor(); initViewPager(); setListeners(); } private void initViews() { ivHealthBack = (ImageView) findViewById(R.id.ivHealthBack); tvCursor = (TextView) findViewById(R.id.cursor); tvHealthNews = (TextView) findViewById(R.id.tv_healthnews); tvIllnessDefense = (TextView) findViewById(R.id.tv_IllDefense); vpHealth = (ViewPager) findViewById(R.id.viewpager); } private void initCursor() { Display display = getWindow(). getWindowManager(). getDefaultDisplay(); DisplayMetrics metrics = new DisplayMetrics(); display.getMetrics(metrics); int tabLineLength = metrics.widthPixels / 2; LayoutParams lp = (LayoutParams) tvCursor.getLayoutParams(); lp.width = tabLineLength; tvCursor.setLayoutParams(lp); } private void initViewPager() { vpHealth = (ViewPager) findViewById(R.id.viewpager); List<View> views = new ArrayList<View>(); views.add(new HealthWebView(this) .getView("http://cms.hxky.cn/wap/jkxz/")); views.add(new HealthWebView(this) .getView("http://cms.hxky.cn/wap/jbfz/")); vpHealth.setAdapter(new HealthViewPagerAdapter(views)); vpHealth.setCurrentItem(0); } private void setListeners() { ivHealthBack.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) { finish(); } } ); tvHealthNews.setOnClickListener(new OnClickListener() { @Override public void onClick(View view) { vpHealth.setCurrentItem(0); } }); // 点击疾病防治 tvIllnessDefense.setOnClickListener(new OnClickListener() { @Override public void onClick(View view) { vpHealth.setCurrentItem(1); } } ); vpHealth.setOnPageChangeListener(new OnPageChangeListener() { @Override public void onPageSelected(int position) { currIndex = position; } @Override public void onPageScrolled(int position, float percent, int ag2) { LinearLayout.LayoutParams ll =(android.widget.LinearLayout.LayoutParams)tvCursor.getLayoutParams(); if (currIndex == position) { ll.leftMargin = (int) (currIndex * tvCursor.getWidth() + percent * tvCursor.getWidth()); } else if (currIndex > position) { ll.leftMargin = (int) (currIndex * tvCursor.getWidth() - (1 - percent) * tvCursor.getWidth()); } tvCursor.setLayoutParams(ll); } @Override public void onPageScrollStateChanged(int position) { } }); } }
实验总结:
虽未达到预期的实验效果,但实验的基本要求已经实现,程序还有待进一步优化。
相关文章推荐
- 案例2_健康栏目的实现分析
- 健康栏目的实现
- Walker之健康栏目的实现
- 小案例-健康栏目的实现分析
- 健康栏目的实现
- 健康栏目的实现
- 案例2:健康栏目的实现
- 健康栏目的实现
- 健康栏目的实现
- 图片新闻栏目的实现小结
- 7.0下通过CARP+PF+relayd+PFSYNC实现健康检查等功能群集[转]
- DEDECMS实现“文章标题-栏目名称-网站名”
- .net"立体柱状图、滑动块等效果实现" 知易营养健康系统——开发总结
- dedecms按栏目分类搜索功能的实现方法
- 理性建设无线城市,实现健康发展
- .net"立体柱状图、滑动块等效果实现" 知易营养健康系统——开发总结
- 着力三个提升实现可持续性健康发展
- .net在DropDownList里实现多极栏目分类
- 利用CSS和JavaScript实现网页栏目的选择
- 用js查找法实现当前栏目的高亮显示的代码