VerticalLinearLayout自定义ViewGroup界面

最新推荐文章于 2021-06-15 18:17:53 发布
最新推荐文章于 2021-06-15 18:17:53 发布
阅读量462 收藏
点赞数 1
分类专栏： Activity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lovemy_baby/article/details/51260022
版权

最近在一个大神的博客里看到了有关自定义ViewGroup界面的文章，感觉很有用学习了一下，给大家分享一下

这位大神的博客:http://blog.csdn.net/lmj623565791/article/details/23692439

转载请注明：http://blog.csdn.net/lovemy_baby/article/details/51260022

下面我们看看代码的效果图：



废话不多说，我们进入正题，首先我们看看main.xml:

<com.itheima.vertivallinearlayoutone.VerticalLinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/id_main_ly"
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:background="#fff" >


    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/w02" >


        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="hello" />
    </RelativeLayout>


    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/w03" >


        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:background="#fff"
            android:text="hello" />
    </RelativeLayout>


    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/w04" >


        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="hello" />
    </RelativeLayout>


    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/w05" >


        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="hello" />
    </RelativeLayout>


</com.itheima.vertivallinearlayoutone.VerticalLinearLayout>

这里没有什么说的，接下来我们看看主要的代码，就是VerticalLinearLayout.java代码：

package com.itheima.vertivallinearlayoutone;


import android.content.Context;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.Scroller;


public class VerticalLinearLayout extends ViewGroup {

/**
* 屏幕的高度
*/
private int mScreenHeight;
/**
* 手指按下时的getScrollY
*/
private int mScrollStart;
/**
* 手指抬起时的getScrollY
*/
private int mScrollEnd;
/**
* 记录移动时的Y
*/
private int mLastY;
/**
* 滚动的辅助类
*/
private Scroller mScroller;
/**
* 是否正在滚动
*/
private boolean isScrolling;
/**
* 加速度检测
*/
private VelocityTracker mVelocityTracker;
/**
* 记录当前页
*/
private int currentPage = 0;

private OnPageChangeListener mOnPageChangeListener;


public VerticalLinearLayout(Context context, AttributeSet attrs) {
super(context, attrs);
//获取屏幕的高度
WindowManager wm=(WindowManager)context.getSystemService(Context.WINDOW_SERVICE);
DisplayMetrics outMetrics=new DisplayMetrics();
wm.getDefaultDisplay().getMetrics(outMetrics);
mScreenHeight=outMetrics.heightPixels;

mScroller=new Scroller(context);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);

int count=getChildCount();
for(int i=0;i<count;++i){
View childView=getChildAt(i);
measureChild(childView, widthMeasureSpec, heightMeasureSpec);
}
}


@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
if (changed) {
int childCount=getChildCount();
MarginLayoutParams lp=(MarginLayoutParams)getLayoutParams();
lp.height=mScreenHeight*childCount;
setLayoutParams(lp);
for(int i=0;i<childCount;i++){
View child=getChildAt(i);
if (child.getVisibility()!=View.GONE) {
child.layout(l, i*mScreenHeight, r, (i+1)*mScreenHeight);
}
}
}
}
@Override
public boolean onTouchEvent(MotionEvent event) {

if (isScrolling) {
return super.onTouchEvent(event);
}
int action=event.getAction();
int y=(int)event.getY();
obtainVelocity(event);
switch (action) {
case MotionEvent.ACTION_DOWN:
mScrollStart=getScrollY();
mLastY=y;
break;
case MotionEvent.ACTION_MOVE:
if (!mScroller.isFinished()) {
mScroller.abortAnimation();
}
int dy=mLastY-y;
int scrollY=getScrollY();
if (y<0&&scrollY+dy<0) {
dy=-scrollY;
}
if (y>0&&scrollY+dy>getHeight()-mScreenHeight) {
dy=getHeight()-mScreenHeight-scrollY;
}
scrollBy(0, dy);
mLastY=y;
break;
case MotionEvent.ACTION_UP:
mScrollEnd=getScrollY();
int dScrollY=mScrollEnd-mScrollStart;
if (wantScrollToNext()) {
if (shouldScrollToNext()) {
mScroller.startScroll(0, getScrollY(), 0, mScreenHeight-dScrollY);
}else {
mScroller.startScroll(0, getScrollY(), 0, -dScrollY);
}
}
if (wantScrollToPre()) {
if (shouldScrollToPre()) {
mScroller.startScroll(0, getScrollY(), 0, -mScreenHeight-dScrollY);
}else {
mScroller.startScroll(0, getScrollY(), 0, -dScrollY);
}
}
isScrolling=true;
postInvalidate();
recycleVelocity();
break;
}
return true;

}
private boolean shouldScrollToNext(){
return mScrollEnd-mScrollStart>mScreenHeight/2||Math.abs(getVelocity())>600;
}
private boolean wantScrollToNext(){
return mScrollEnd>mScrollStart;
}
private boolean shouldScrollToPre(){
return mScrollStart-mScrollEnd>mScreenHeight/2||Math.abs(getVelocity())>600;
}
private boolean wantScrollToPre(){
return mScrollStart>mScrollEnd;
}
@Override
public void computeScroll()
{
super.computeScroll();
if (mScroller.computeScrollOffset())
{
scrollTo(0, mScroller.getCurrY());
postInvalidate();
} else
{


int position = getScrollY() / mScreenHeight;


Log.e("xxx", position + "," + currentPage);
if (position != currentPage)
{
if (mOnPageChangeListener != null)
{
currentPage = position;
mOnPageChangeListener.onPageChange(currentPage);
}
}


isScrolling = false;
}


}
//获取y方向的加速度
private int getVelocity(){
mVelocityTracker.computeCurrentVelocity(1000);
return (int)mVelocityTracker.getYVelocity();
}
//释放资源
private void recycleVelocity(){
if (mVelocityTracker!=null) {
mVelocityTracker.recycle();
mVelocityTracker=null;
}
}
private void obtainVelocity(MotionEvent event){
if (mVelocityTracker==null) {
mVelocityTracker=VelocityTracker.obtain();
}
mVelocityTracker.addMovement(event);
}
//色织回调接口
public void setOnPageChangeListener(OnPageChangeListener onPageChangeListener){
mOnPageChangeListener=onPageChangeListener;
}
public interface OnPageChangeListener{
void onPageChange(int currentPage);
}


}

有一些已经有注释解释了，我们就不做多余赘诉，我们就解释一些其他的：

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);

int count=getChildCount();
for(int i=0;i<count;++i){
View childView=getChildAt(i);
measureChild(childView, widthMeasureSpec, heightMeasureSpec);
}
}

对于measure官方的API是这样说的：

Measure the view and its content to determine the measured width and the measured height. This method is invoked by measure(int, int) and should be overriden by subclasses to provide accurate and efficient measurement of their contents.

意思就是测量他的高度和宽度，根据两个参数提供准确的测量内容。

public boolean onTouchEvent(MotionEvent event) {

if (isScrolling) {
return super.onTouchEvent(event);
}
int action=event.getAction();
int y=(int)event.getY();
obtainVelocity(event);
switch (action) {
case MotionEvent.ACTION_DOWN:
mScrollStart=getScrollY();
mLastY=y;
break;
case MotionEvent.ACTION_MOVE:
if (!mScroller.isFinished()) {
mScroller.abortAnimation();
}
int dy=mLastY-y;
int scrollY=getScrollY();
if (y<0&&scrollY+dy<0) {
dy=-scrollY;
}
if (y>0&&scrollY+dy>getHeight()-mScreenHeight) {
dy=getHeight()-mScreenHeight-scrollY;
}
scrollBy(0, dy);
mLastY=y;
break;
case MotionEvent.ACTION_UP:
mScrollEnd=getScrollY();
int dScrollY=mScrollEnd-mScrollStart;
if (wantScrollToNext()) {
if (shouldScrollToNext()) {
mScroller.startScroll(0, getScrollY(), 0, mScreenHeight-dScrollY);
}else {
mScroller.startScroll(0, getScrollY(), 0, -dScrollY);
}
}
if (wantScrollToPre()) {
if (shouldScrollToPre()) {
mScroller.startScroll(0, getScrollY(), 0, -mScreenHeight-dScrollY);
}else {
mScroller.startScroll(0, getScrollY(), 0, -dScrollY);
}
}
isScrolling=true;
postInvalidate();
recycleVelocity();
break;
}
return true;

}

安卓代码有很强的块状结构，所以了解以后就显得得心应手，上面的代码意思就是先记录点击事件和点击的初始位置，当点击的时候，用y记录位置，移动的时候记录移动的距离，当按键抬起的时候得到距离，如果距离大于触发事件的最小距离的时候，事件被触发，基本就是如此。

下面是mainActivity.java代码：

package com.itheima.vertivallinearlayoutone;


import com.itheima.vertivallinearlayoutone.VerticalLinearLayout.OnPageChangeListener;


import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;


public class MainActivity extends Activity {
private VerticalLinearLayout mLayout;


@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mLayout=(VerticalLinearLayout)findViewById(R.id.id_main_ly);
mLayout.setOnPageChangeListener(new OnPageChangeListener() {

@Override
public void onPageChange(int currentPage) {
Toast.makeText(MainActivity.this, "第"+(currentPage+1)+"页", 0).show();
}
});
}
}


MX-乐享科技
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
自定义ViewGroup
12-07
模仿ViewPager的效果，自定义继承Linerlayout，学习的例子。
android中LinearLayout中的orientation, gravity, layout_gravity
zycxnanwang的博客
03-21 1210
有时候在android开发的时候， 对gravity, layout_gravity会感到迷茫，特别是新手，所以在此总结一下，gravity, layout_gravity的区别 orientation, gravity, layout_gravity的介绍 orientation : 将容器分成若干个横向或纵向的区域（horizontal则划分成纵向区域）,每一个区域中只能有一个Vi
Android LinearLayout排列方式为vertical时 让内部组件位于最底部
weixin_40934065的博客
06-15 1172
背景：当LinearLayout设定android:orientation="vertical"后，只有水平方向的gravity属性才生效，比如left、right、center_horizontal。此时若只在最后一个组件中添加android:gravity="bottom"或者设定layout_marginBottom属性值是无效的。 所以，此时想要让最后一个控件置于父布局底部，可将某个可操作的、不需置底的控件，添加android:layout_weight="1"属性。 例：（删掉了一些与这个例子无关
LinearLayout(vertical) 的多个布局
akazhuk的专栏
06-20 2010
例如我要在这个框上布局4个LinearLayout,且要t
VerticalTabLayout 的一些用法
小小博客
06-20 7365
VerticalTabLayout 是一种纵向的TabLayout，为了满足各种需求被某作者开发出来，怎么开发的暂且不讨论了，先讨论拿来使用，在Android studio gradle文件中添加compile 'q.rorbin:VerticalTabLayout:1.2.5'VerticalTabLayout 不是继承与Tablayout，而是继承于NestedScrollView，而Nest...
Android自定义ViewGroup实现竖向引导界面
08-26
主要为大家详细介绍了Andoird自定义ViewGroup实现竖向引导界面，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android自定义ViewGroup实现标签流容器FlowLayout
09-01
主要介绍了Android自定义ViewGroup实现FlowLayout标签流容器,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android自定义ViewGroup实现弹性滑动效果
08-28
主要为大家详细介绍了Android自定义ViewGroup实现弹性滑动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android学习笔记--布局
yw1688的专栏
03-17 542
安卓的布局很好理解，在这里只说说线型布局中要注意的小问题 Android布局LinearLayout注意设置属性android:orientation属性，否则有的组件可能无法显示。 该属性不设置时默认为horizontal。此时第一个控件的宽度若设置成“fill_parent”,后面添加的组件将都无法看到。因此使用该布局的时候要注意设置android:orientation="v
OSD（On Screen Display）简介
热门推荐
afreez's home
06-21 1万+
摘要在做显卡驱动或者FrameBuffer相关的东东时，可能会碰到有关OSD方面的知识，下面把我搜索的资料整理如下，并有一个非常简单实用的例子，希望对大家有帮助！---------------------------------------------------------声明：   此文为原创，欢迎转载，转载请保留如下信息   作者：聂飞（afreez） 北京-中关村   联系方式：af
UGUI源码解析（二十四）LayoutGroup
qq826364410的专栏
03-06 858
LayoutGroup类 LayoutGroup是一个抽象类，继承了UIBehaviour, ILayoutElement, ILayoutGroup。HorizontalOrVerticalLayoutGroup和GridLayoutGroup继承自它。 继承自ILayoutController的方法，LayoutGroup的SetLayoutHorizontal和SetLayoutVert...
QT如何让控件随窗口大小改变？
weixin_37626393的博客
05-20 3455
首先要清楚两个概念：控件和部件。label，button这种叫做控件，horizontalLayout，vertivalLayout这种叫做部件，控件包含在部件中。 其次，我们来看具体步骤： 1.提前做好规划，布局要求不能太凌乱，要横竖方向有序排列，使控件尽量在同一水平线或同一垂直线上，这样有利于后续把它们归纳到同一部件中，减少工作量且使布局清晰简约； 2.同类控件放到同一个部件中。 比如这里，把连接相机、显示、定位三个btn视为同类控件，选中，点击工具栏中的水平布局；然后再选中该vert...
Android布局：设置LinearLayout(Vertical)中控件的长度比例
kinderkindme的博客
05-24 4900
步骤：1. 该行所有的控件宽度都设置为0： layout_width="0dp" ；2. 设置 layout_weight 属性：    假设一行有两个控件，第一个控件占整个屏幕宽度的3/8，则：    设置第一个 layout_weight="3" ，第二个属性 layout_weight="5" 。即，某个控件的实际宽度 = 指定宽度 + 剩余宽度 × 比例   例中第一个控件的宽度 =   ...
OnFocusChanged方法简介
lovemy_baby 奇迹，就是为了信念牺牲一切
11-11 7065
onFocusChanged只能在View中重写。该方法是焦点改变的回调方法，当某个控件重写了该方法后，当焦点发生变化时，会自动调用该方法来处理焦点改变事件。该方法的签名如下。 protected void onFocusChanged(boolean gainFocus,int direction,Rect previouslyFocusedRect) 参数gainFocus：参数gai
OnFocusChangeListener接口简介
lovemy_baby 奇迹，就是为了信念牺牲一切
11-13 2311
本篇文章主要是用来处理控件焦点发生改变的事件 那么具体的我们在下面的代码中简单介绍一下： 首先我们可以在浏览器中下载四张生肖图片，例如鼠牛虎兔等等，把图片放到drawable-mdpi中，在string.xml中加入如下代码：     1     Hello world!     Settings     请选择其中您喜爱的动物 然后在main.xml
Android Activity界面切换的各种效果
lovemy_baby 奇迹，就是为了信念牺牲一切
05-02 540
首先我想给大家介绍一个非常好的学习Android的网站，在我看来，肯定比视频要好的多。 网址是：http://www.oschina.net/android/65/android-activity 希望大家可以好好的学习，不懂的也请关注我，我们一起商讨。 对于Activity界面的切换我就不给大家展示图片了，直接进入主题吧，不懂的可以下载我上传的资源，或者给我发评论。 首先我们需要两个Act
Android 自定义viewgroup
最新发布
07-28
Android自定义ViewGroup是指在Android开发中，通过继承ViewGroup类来创建自定义的布局容器。自定义ViewGroup可以用于实现一些特殊的布局效果，比如侧滑菜单、滑动卡片等等。通过自定义ViewGroup，我们可以更灵活地...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值