智慧北京：ViewPagerIndicator使用的介绍

2024-03-27 07:59
文章标签 智慧 使用 介绍 北京 viewpagerindicator

本文主要是介绍智慧北京：ViewPagerIndicator使用的介绍，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

ViewPagerIndicator知识点 点这里
这里写图片描述

1、在布局文件中添加ViewPagerIndicator

newscenter_news.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:orientation="vertical" ><com.viewpagerindicator.TabPageIndicator
        android:id="@+id/newscenter_indicator"android:layout_width="fill_parent"android:layout_height="wrap_content" /><android.support.v4.view.ViewPager
        android:id="@+id/newscenter_new"android:layout_width="match_parent"android:layout_height="match_parent" /></LinearLayout>

这里写图片描述
SampleTabsDefault Demo：

package com.viewpagerindicator.sample;import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import com.viewpagerindicator.TabPageIndicator;public class SampleTabsDefault extends FragmentActivity {private static final String[] CONTENT = new String[] { "Recent", "Artists", "Albums", "Songs", "Playlists", "Genres" };@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.simple_tabs);FragmentPagerAdapter adapter = new GoogleMusicAdapter(getSupportFragmentManager());ViewPager pager = (ViewPager)findViewById(R.id.pager);pager.setAdapter(adapter);TabPageIndicator indicator = (TabPageIndicator)findViewById(R.id.indicator);indicator.setViewPager(pager);}class GoogleMusicAdapter extends FragmentPagerAdapter {public GoogleMusicAdapter(FragmentManager fm) {super(fm);}@Overridepublic Fragment getItem(int position) {return TestFragment.newInstance(CONTENT[position % CONTENT.length]);}@Overridepublic CharSequence getPageTitle(int position) {return CONTENT[position % CONTENT.length].toUpperCase();}@Overridepublic int getCount() {return CONTENT.length;}}
}

NewsMenuController.java
设置指针，给指针绑定ViewPager，然后给ViewPager设置数据，返回title。

package huaxa.it.zhihuidemo.newscenter.tab;import java.util.List;
import java.util.zip.Inflater;import com.lidroid.xutils.ViewUtils;
import com.lidroid.xutils.view.annotation.ViewInject;
import com.viewpagerindicator.TabPageIndicator;
import com.viewpagerindicator.TitlePageIndicator.IndicatorStyle;import android.content.Context;
import android.graphics.Color;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import huaxa.it.zhihuidemo.R;
import huaxa.it.zhihuidemo.bean.NewsCenterBean.NewsBean;
import huaxa.it.zhihuidemo.bean.NewsCenterBean.NewsCenterMenuBean;
import huaxa.it.zhihuidemo.newscenter.MenuController;/*** @项目名： ZhiHuiDemo* @包名： huaxa.it.zhihuidemo.newscenter.tab* @类名： MenuControllerNews* @创建者： 黄夏莲* @创建时间： 2016年10月18日 ,下午10:05:42* * @描述： 新闻中心中，新闻菜单对应的控制器*/
public class NewsMenuController extends MenuController
{// private TextView tv;@ViewInject(R.id.newscenter_new)private ViewPager           mPager;@ViewInject(R.id.newscenter_indicator)private TabPageIndicator    indicator;          // 指针private NewsCenterMenuBean  newsCenterMenuBean;private List<NewsBean>      mChildren;          // ViewPager对应的数据public NewsMenuController(Context context,NewsCenterMenuBean newsCenterMenuBean){super(context);this.newsCenterMenuBean = newsCenterMenuBean;mChildren = newsCenterMenuBean.children;}@Overrideprotected View initView(Context context){// tv = new TextView(context);//// tv.setTextColor(Color.RED);// tv.setTextSize(24);// tv.setGravity(Gravity.CENTER);View view = View.inflate(context, R.layout.newscenter_news, null);// 注入ViewUtils工具ViewUtils.inject(this, view);return view;}public void initData(){// tv.setText("新闻中心中，新闻菜单的内容");// adapter-->listmPager.setAdapter(new newsPagerAdapter());// 给指针设置ViewPagerindicator.setViewPager(mPager);}class newsPagerAdapter extends PagerAdapter{// 返回ViewPager对应的Title值@Overridepublic CharSequence getPageTitle(int position){if(mChildren!=null){NewsBean newsBean = mChildren.get(position);return newsBean.title;}return super.getPageTitle(position);}……}}

Manifest.xml

<activity
            android:name=".MainUI"android:theme="@style/Theme.PageIndicatorDefaults"android:label="@string/app_name" ></activity>

现在我们的应用的界面是黑色的，但是我们不要，我们就来看下SampleTabsStyle Demo

package com.viewpagerindicator.sample;import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import com.viewpagerindicator.TabPageIndicator;public class SampleTabsDefault extends FragmentActivity {private static final String[] CONTENT = new String[] { "Recent", "Artists", "Albums", "Songs", "Playlists", "Genres" };@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.simple_tabs);FragmentPagerAdapter adapter = new GoogleMusicAdapter(getSupportFragmentManager());ViewPager pager = (ViewPager)findViewById(R.id.pager);pager.setAdapter(adapter);TabPageIndicator indicator = (TabPageIndicator)findViewById(R.id.indicator);indicator.setViewPager(pager);}class GoogleMusicAdapter extends FragmentPagerAdapter {public GoogleMusicAdapter(FragmentManager fm) {super(fm);}@Overridepublic Fragment getItem(int position) {return TestFragment.newInstance(CONTENT[position % CONTENT.length]);}@Overridepublic CharSequence getPageTitle(int position) {return CONTENT[position % CONTENT.length].toUpperCase();}@Overridepublic int getCount() {return CONTENT.length;}}
}

发现并没有什么不同，然后就找到清单文件，发现theme不同，然后就修改成
Manifest.xml

        <activity
            android:name=".MainUI"android:theme="@style/StyledIndicators"android:label="@string/app_name" ></activity>

发现报错了。
因为原先的是用到theme的style，而这个用的是自定义的style，所以需要添加style。
style.xml

   <!-- ViewPager样式 --><style name="StyledIndicators" parent="@android:style/Theme.Light"><!--<item name="vpiCirclePageIndicatorStyle">@style/CustomCirclePageIndicator</item><item name="vpiLinePageIndicatorStyle">@style/CustomLinePageIndicator</item><item name="vpiTitlePageIndicatorStyle">@style/CustomTitlePageIndicator</item>--><item name="vpiTabPageIndicatorStyle">@style/CustomTabPageIndicator</item><!-- <item name="vpiUnderlinePageIndicatorStyle">@style/CustomUnderlinePageIndicator</item> --></style><style name="CustomTabPageIndicator" parent="Widget.TabPageIndicator"><item name="android:background">@drawable/custom_tab_indicator</item><item name="android:textAppearance">@style/CustomTabPageIndicator.Text</item><item name="android:textSize">18sp</item><!-- <item name="android:divider">@drawable/custom_tab_indicator_divider</item> --><!-- <item name="android:dividerPadding">10dp</item> --><!-- <item name="android:showDividers">middle</item> --><item name="android:paddingLeft">18dp</item><item name="android:paddingRight">18dp</item><!-- 设置加粗颜色和选中变颜色 --><item name="android:textStyle">bold</item><item name="android:textColor">@color/custom_tab_textcolor</item<item name="android:fadingEdge">horizontal</item><item name="android:fadingEdgeLength">8dp</item></style><style name="CustomTabPageIndicator.Text" parent="android:TextAppearance.Medium"><item name="android:typeface">monospace</item></style>

发现有报错，慢慢解决它
custom_tab_indicator.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (C) 2008 The Android Open Source ProjectLicensed under the Apache License, Version 2.0 (the "License");you may not use this file except in compliance with the License.You may obtain a copy of the License athttp://www.apache.org/licenses/LICENSE-2.0Unless required by applicable law or agreed to in writing, softwaredistributed under the License is distributed on an "AS IS" BASIS,WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.See the License for the specific language governing permissions andlimitations under the License.
--><selector xmlns:android="http://schemas.android.com/apk/res/android"><!-- Non focused states --><item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:drawable="@android:color/transparent" /><item android:state_focused="false" android:state_selected="true"  android:state_pressed="false" android:drawable="@drawable/news_tab_item_bg_select" /><!-- Focused states --><item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@android:color/transparent" /><item android:state_focused="true" android:state_selected="true"  android:state_pressed="false" android:drawable="@drawable/news_tab_item_bg_select" /><!-- Pressed --><!--    Non focused states --><item android:state_focused="false" android:state_selected="false" android:state_pressed="true" android:drawable="@android:color/transparent" /><item android:state_focused="false" android:state_selected="true"  android:state_pressed="true" android:drawable="@drawable/news_tab_item_bg_select" /><!--    Focused states --><item android:state_focused="true" android:state_selected="false" android:state_pressed="true" android:drawable="@android:color/transparent" /><item android:state_focused="true" android:state_selected="true"  android:state_pressed="true" android:drawable="@drawable/news_tab_item_bg_select" />
</selector>

这篇关于智慧北京：ViewPagerIndicator使用的介绍的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/851433。

相关文章

使用Java解析JSON数据并提取特定字段的实现步骤(以提取mailNo为例)

使用Java解析JSON数据并提取特定字段的实现步骤(以提取mailNo为例)

《使用Java解析JSON数据并提取特定字段的实现步骤(以提取mailNo为例)》在现代软件开发中,处理JSON数据是一项非常常见的任务,无论是从API接口获取数据,还是将数据存储为JSON格式,解析... 目录1. 背景介绍1.1 jsON简介1.2 实际案例2. 准备工作2.1 环境搭建2.1.1 添加
阅读更多...
如何使用celery进行异步处理和定时任务(django)

如何使用celery进行异步处理和定时任务(django)

《如何使用celery进行异步处理和定时任务(django)》文章介绍了Celery的基本概念、安装方法、如何使用Celery进行异步任务处理以及如何设置定时任务,通过Celery,可以在Web应用中... 目录一、celery的作用二、安装celery三、使用celery 异步执行任务四、使用celery
阅读更多...
使用Python绘制蛇年春节祝福艺术图

使用Python绘制蛇年春节祝福艺术图

《使用Python绘制蛇年春节祝福艺术图》：本文主要介绍如何使用Python的Matplotlib库绘制一幅富有创意的“蛇年有福”艺术图,这幅图结合了数字,蛇形,花朵等装饰,需要的可以参考下... 目录1. 绘图的基本概念2. 准备工作3. 实现代码解析3.1 设置绘图画布3.2 绘制数字“2025”3.3
阅读更多...
Jsoncpp的安装与使用方式

Jsoncpp的安装与使用方式

《Jsoncpp的安装与使用方式》JsonCpp是一个用于解析和生成JSON数据的C++库,它支持解析JSON文件或字符串到C++对象,以及将C++对象序列化回JSON格式,安装JsonCpp可以通过... 目录安装jsoncppJsoncpp的使用Value类构造函数检测保存的数据类型提取数据对json数
阅读更多...
python使用watchdog实现文件资源监控

python使用watchdog实现文件资源监控

《python使用watchdog实现文件资源监控》watchdog支持跨平台文件资源监控,可以检测指定文件夹下文件及文件夹变动,下面我们来看看Python如何使用watchdog实现文件资源监控吧... python文件监控库watchdogs简介随着Python在各种应用领域中的广泛使用，其生态环境也
阅读更多...
Python中构建终端应用界面利器Blessed模块的使用

Python中构建终端应用界面利器Blessed模块的使用

《Python中构建终端应用界面利器Blessed模块的使用》Blessed库作为一个轻量级且功能强大的解决方案,开始在开发者中赢得口碑,今天,我们就一起来探索一下它是如何让终端UI开发变得轻松而高... 目录一、安装与配置：简单、快速、无障碍二、基本功能：从彩色文本到动态交互1. 显示基本内容2. 创建链
阅读更多...
springboot整合 xxl-job及使用步骤

springboot整合 xxl-job及使用步骤

《springboot整合xxl-job及使用步骤》XXL-JOB是一个分布式任务调度平台,用于解决分布式系统中的任务调度和管理问题,文章详细介绍了XXL-JOB的架构,包括调度中心、执行器和Web... 目录一、xxl-job是什么二、使用步骤1. 下载并运行管理端代码2. 访问管理页面，确认是否启动成功
阅读更多...
使用Nginx来共享文件的详细教程

使用Nginx来共享文件的详细教程

《使用Nginx来共享文件的详细教程》有时我们想共享电脑上的某些文件,一个比较方便的做法是,开一个HTTP服务,指向文件所在的目录,这次我们用nginx来实现这个需求,本文将通过代码示例一步步教你使用... 在本教程中，我们将向您展示如何使用开源 Web 服务器 Nginx 设置文件共享服务器步骤 0 —
阅读更多...
Java中switch-case结构的使用方法举例详解

Java中switch-case结构的使用方法举例详解

《Java中switch-case结构的使用方法举例详解》：本文主要介绍Java中switch-case结构使用的相关资料,switch-case结构是Java中处理多个分支条件的一种有效方式,它... 目录前言一、switch-case结构的基本语法二、使用示例三、注意事项四、总结前言对于Java初学者
阅读更多...
Golang使用minio替代文件系统的实战教程

Golang使用minio替代文件系统的实战教程

《Golang使用minio替代文件系统的实战教程》本文讨论项目开发中直接文件系统的限制或不足,接着介绍Minio对象存储的优势,同时给出Golang的实际示例代码,包括初始化客户端、读取minio对... 目录文件系统 vs Minio文件系统不足：对象存储：miniogolang连接Minio配置Min
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2