可移动页面MoveActivity 滑出式菜单从界面上看,像极了一个水平滚动视图HorizontalScrollView,当然也可以使用HorizontalScrollView来实现侧滑菜单。...办法肯定是有的,在《Android开发笔记(三十五)页面布局视图》中,我们提到margin和padding都可用来设置空隙,空隙的数值都是正数,其实空隙值也能是负数,负数表示该视图被隐藏了一部分,仿佛一张纸插了部分纸面到书中...,调用setBehindContentView方法设置菜单布局,注意两个初始布局都是空的; 4、从自己写的Fragment类分别构造出实际的内容布局和菜单布局,然后调用FragmentManager的...菜单点击时跳回内容页面 菜单点击的交互例子可见demo工程的ResponsiveUIActivity,主要做法步骤如下: 1、定义一个菜单点击接口如OnSlidingMenuListener,其内部定义菜单点击方法如...即ViewPager自身就是作为内容布局的Fragment嵌入到SlidingMenu中,然后ViewPager的子页面也是作为Fragment嵌入到ViewPager,这样就造成了一个问题:Fragment
一、概述、 水平滚动条 可以左右滑动 可与ViewPager协同使用 二、HorizontalScrollView里边只能放一个子元素 可以放一个Layout布局对象来盛放多个元素 里边可以设置指示器...和一条基准线 可以用来做导航栏类似于ActionBar的Tab导航栏,HorizontalScrollView做导航栏可以设置指示器跟随ViewPager页面移动实现动态效果 一般点击导航栏的某一项...ViewPager相应跳到对应的页面,ViewPager跳到指定页面时导航栏也应该切换到对应的导航分类处 三、下面是实现的代码 1 package com.qf.viewpager02_horizontalscrollview...132 } 133 134 //自定义显示页面的适配(用于ViewPager中) 135 class MyPagerAdapter extends PagerAdapter{...90 91 HorizontalScrollView> 92 93 android.support.v4.view.ViewPager
实现原理是使用android-support-v4.jar包中ViewPager控件,在ViewPager控件中设置流布局,再在流布局中设置几项TextView,给每一个TextView设置相关参数,事件等...main.xml中设置左右图片的相对布局代码: <RelativeLayout android:id="@+id/linearLayout01" android...的图片是为了在点击一项菜单后设置其背景图片,菜单中默认选中第一项“移动”。 ...,需要在ViewPager控件中的onPageSelected监听事件中更改图片状态: @Override public void onPageSelected(int arg0...如果要在HorizontalScrollView>上方标题或是下方设置内容,我们可以把HorizontalScrollView>嵌套在其它的布局中,相信这个大家都可以做到,不再多说。
↳android.view.ViewGroup ↳android.widget.FrameLayout ↳android.widget.HorizontalScrollView...如,TabLayout的简单运用和若干问题的解决。 这篇中介绍了怎么加分割线,设置原有字体大小,自定义标签等。 在源码中可以看到再newTab中,customView的的创建。...https://github.com/material-components/material-components-android 先看下整体的类关系图 QQ图片20191021000303.png...用于在layout xml中来描述Tab. 需要注意的是,它不会add到SlidingTabStrip中去。它的作用是从xml中获取到text,icon,custom layout id等属性。...TabLayout inflate到TabItem并获取属性到装配到Tab中,最终add到SlidingTabStrip中的还是TabView.
利用HorizontalScrollView+TabLayout+ViewPager+XUtils简单实现一个小Demo; 首先配置环境: 添加权限: android:....news_summary); ImageOptions options = new ImageOptions.Builder() //设置图片的大小...如果ImageView的大小不是定义为wrap_content, 不要crop. .setCrop(true) // 加载中或错误图片的...ImageView.ScaleType.MATRIX) .setImageScaleType(ImageView.ScaleType.CENTER_CROP) //设置加载过程中的图片....setLoadingDrawableId(R.mipmap.ic_launcher) //设置加载失败后的图片
自从Gallery被谷歌废弃以后,Google推荐使用ViewPager和HorizontalScrollView来实现Gallery的效果。...的确HorizontalScrollView可以实现Gallery的效果,但是HorizontalScrollView存在一个很大的问题,如果你仅是用来展示少量的图片,应该是没问题的,但是如果我希望HorizontalScrollView...可以想ViewPager一样,既可以绑定数据集(动态改变图片),还能做到,不管多少图片都不会OOM(ViewPager内部一直初始化,回收,至多只保持3个View)。...本篇博客首先介绍HorizontalScrollView的简单用法,然后会在此基础上进行扩展,自定义HorizontalScrollView实现我们上面提到的效果,类似一屏可以显示多个View的ViewPager...首先差一张图片 ? 自定义HorizontalScrollView 思想: 1、首先根据屏幕的大小和Item的大小,计算可以一个屏幕最多可以加载多少个Item,然后加载该数量Item。
基于图片的页面导航器 ?..." android:layout_width="match_parent" android:layout_height="50dp"/> android.support.v4.view.ViewPager...android:layout_weight="1" android:id="@+id/viewPager" android:layout_width="match_parent...); 3)初始化ViewPager的Adapter和将mViewPager和我们的mPagerIndicator绑定 //必须先给ViewPager设置适配器 mViewPager.setAdapter...关于下划线的 颜色,字体的颜色与大小的设置,请参照源码设置,这里就不列举了 ---- 源码分析 大家先来看一下源码吧 public class TabPagerIndicator extends HorizontalScrollView
beginTransaction.add(R.id.layout.textview,fragment,"fragment"); beginTransaction.commit(); 在Fragement中设置...左右滑动 android.support.v4.view.ViewPager android:id="@+id/viewpager" android:......的声明:android.support.v4.view.ViewPager> 是为了解决版本兼容性问题 过程 我们创建好布局文件,然后在MainActivity中添加,进行实例 准备数据源 private...,然后在ViewPager中添加PagerTabStrip android.support.v4.view.ViewPager ......ImageView image = new ImageView(context); image.setBackgroundResource(数组[position]); //设置图片大小
beginTransaction.add(R.id.layout.textview,fragment,"fragment"); beginTransaction.commit(); 在Fragement中设置...左右滑动 android.support.v4.view.ViewPager android:id="@+id/viewpager" android:......的声明:android.support.v4.view.ViewPager> 是为了解决版本兼容性问题 过程 我们创建好布局文件,然后在MainActivity中添加,进行实例 准备数据源 private...,然后在ViewPager中添加PagerTabStrip android.support.v4.view.ViewPager ...... ImageView image = new ImageView(context); image.setBackgroundResource(数组[position]); //设置图片大小
,此方法是设置一个标记,此标记会被HorizontalScrollView的 如下方法间接使用到: public boolean executeKeyEvent(KeyEvent event)...; import android.content.Context; import android.os.Handler; import android.util.AttributeSet; import...android.util.Log; import android.view.MotionEvent; import android.widget.HorizontalScrollView; import...android.widget.OverScroller; /** * 水平滚动条 * (1)可设置是否允许手势触摸滚动(默认是支持手势触摸滚动的) * (2)支持滚动状态监听 *...中的OverScroller对象 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/159409.html原文链接:https://javaforall.cn
前言 Tablayout继承自HorizontalScrollView,可以用作顶部标签效果、底部导航栏效果。一般多与ViewPager一起使用。 首先上几个效果图。...图: 使用方法 下面我们来看如何使用, 第一步,先在gradle引入支持包 implementation 'com.android.support:design:26.0.0' 第二步,在布局文件中添加布局...,如果不需要横线,可以设置为0dp tabIndicatorColor:是用来设置标签被选中时,显示的颜色的。...; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.support.design.widget.TabLayout...再比如我们说的作为底部导航栏,如果直接设置tab的icon,会出现icon变形等问题。 所以我这里给一个终极的解决办法。tab想做成什么样子,就做成什么样子。完全自定义。 后续会给相关连接。
我自己习惯用eclipse写个demo,将核心源码拷贝到项目中方便查看,话不多说,上代码 核心的类PagerSlidingTabStrip package com.baobao.pagerslidingtabstrip....view.ViewPager; import android.support.v4.view.ViewPager.OnPageChangeListener; import android.util.AttributeSet...android.view.View; import android.view.ViewTreeObserver.OnGlobalLayoutListener; import android.widget.HorizontalScrollView....view.ViewPager android:id="@+id/slide_pager" android:layout_width="match_parent"....view.ViewPager; import android.util.DisplayMetrics; import android.util.TypedValue; public class MainActivity
前言 ---- Tablayout 继承自 HorizontalScrollView,用作页面切换指示器,因使用简便功能强大而广泛使用在 App 中。..."/> android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width...title 长度,设置文字 title,设置 fragment,设置 viewpager联动,使用的是 Tablayout 默认属性。...still easy,Tablayout 自带了 setIcon() 方法设置图标资源,不过这中效果很别扭,脸被拉长了。不服,就自己造一个啊,造就造!...String[]{"最新","热门","我的"}; private String[] longTitles = new String[]{"推荐","热点","北京","视频","社会","图片
R.layout.activity_centerlockhorizontalscrollview); bindData(); setUIRef(); bindHZSWData(); } //将集合中的数据绑定到...HorizontalScrollView上 private void bindHZSWData() { //为布局中textview设置好相关属性 LinearLayout.LayoutParams...中的item设置点击事件 在上面的代码中添加两段代码 private void bindHZSWData() { .... .......text设置到界面中,进行显示,运行效果如图: 三、上代码,具体实现图片类的横向布局 (1)主布局文件 HorizontalScrollView,就是直接将图片放置在HorizontalScrollView的子布局中进行显示,只需要一个布局文件进行控制,这样做非常简单,UI是通过布局文件进行控制。
本文参考自Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环),根据该代码改编 功能 轮播图需要实现一下功能 图片循环轮播 可添加文字 最后一张到第一张的切换也要有切换效果 循环...View(N) 再往ViewPager中添加View(1),这时ViewPager中有: View(1)、View(2)、View(3) ......处理后的轮播图 在界面上看到的是三张图片,而实际在ViewPager中的是这样的5张。...当从View4跳转到View5时,在代码中立刻将视图切换到View2,应为图片是一样的,所有在界面上看不到任何效果。 同理,当从View2跳转到View1时,在代码中将视图切换到View4。...getImageView():根据URL生成Viewpager中对应的各个View(根据实际的图片加载框架来生成,这里使用了Picasso实现了网络图片的加载),看看getImageView()中调用的代码
好的,大体了解了它的整体结构,下面就开始它是如何开发的把: 注:本代码内用到的资源文件和属性配置部分从APK反编译的资源(SRC文件)中提取,为了达到更好的实现效果。...二.进行配置 首先去掉应用的title栏目: 采取修改AndroidManifest.xml文件中application的android:theme="@style/AppTheme"属性: 三.开始开发 设置欢迎界面的调整动画,2秒 start_anima = new AlphaAnimation(0.3f, 1.0f); start_anima.setDuration(2000...:background="#ffdddddd" /> android.support.v4.view.ViewPager android:id="@+id/mViewPager...这个就是它在白天模式和黑夜模式下用的阴影图片。那我们可以采取重写HorizontalScrollView来判断滚动,如果滚动时候不是在最左边,显示左边阴影,不是在最右边,显示右边阴影。
一、ViewPager简介 ViewPager是android扩展包v4包中的类,这个类可以让用户左右滑动切换当前的view。...ViewPager的主要方法有以下几个: setAdapter(PagerAdapter adapter) :为ViewPager设置适配器,ViewPager有三种适配器,包括PagerAdapter...适配器有责任增加即将创建的View视图到给定的container中,确保在finishUpdate(viewGroup)返回时,增加视图的事情已经完成。...destroyItem(ViewGroup, int, Object):移除给定位置的view,适配器有责任将该view从container中移除,确保在finishUpdate(viewGroup)返回时...finishUpdate (ViewGroup container):展示界面中的改变完成时调用。在这个时间点上,你必须确保所有的页面已被合适的从container中添加或移除。
一 HorizontalScrollView基本介绍 HorizontalScrollView是Android SDK中的一个视图容器,它允许用户在水平方向上滚动其子视图。...嵌套滚动:HorizontalScrollView可以与其他滚动容器(如ScrollView)嵌套使用,同时支持水平和垂直滚动。...性能考虑:因为所有子视图都会被加载到内存中,并且在一次性渲染到屏幕上,在添加大量子视图时,应注意性能问题。...:设置是否要求子视图填充HorizontalScrollView的可视区域。...android:overScrollMode:设置滚动边界效果模式。
从2015年接触Xamarin到至今已经2个年头,我对Xamarin的技能没有长进多少,但它却已经足够成熟到在跨平台移动开发工具中占有一席之地。...CollapsingToolbar Layout + NestedScrollView (图2中的页面往下滚图片缩小直到消失的效果实现 ) Recycler View (ListView的加强版,适合数据量大的...我们主要看一下C#如何在ViewPager里面放视图同时与TabLayout关联起来。...只需要3步: 找到tab和view控件 通过TabAdapter给ViewPager设置视图 将ViewPager绑定到tab var tabs = FindViewById(Resource.Id.tabs...Xamarin为我们提供了一种简单、高效的方式来开发强大的、如原生般体验的APP。结合C#优雅的语法和宇宙最强大的IDE,这个事情也许值得一试。
来实现的,刚开始我用的是ViewPager+ViewGroup,上面的标题按钮用的是HorizontalScrollView,写完之后感觉效果比较生硬,果断换掉,发现了一个效果比较好的第三方,也就是今天的主题...一: 到GitHub上去下载源码和Demo GitHub地址: https://github.com/astuetz/PagerSlidingTabStrip 先看一下demo的样子吧 image.png..." android:layout_height="55dp"/> android.support.v4.view.ViewPager android...return titles[i]; } } 我这里用的是碎片Fragment,最下面的getPageTitle()是我们的PagerSlidingTabStrip中的方法...,就不一一介绍了 2.定义ViewPager滑动监听器,设置当前pager的位置 private class PageListener implements