首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

解决height:100vh超出屏幕高度的问题

大家好,又见面了,我是你们的朋友全栈君。 废话不多说 , 先来看看问题 期望的样子 : 实际的样子 : 怎么样 , 看出问题了吧 , 那来看看代码吧 !...( 只看有关的代码哦 ) // 此处使用stylus书写样式 .evaluation // 最外边的div width 100% height 100vh // 高度为屏幕的高度 padding-top...本来可以占满屏幕 , 但它会默认将头部和底部也加进去了 , 所以会超出屏幕高度 , 那怎么解决呢 ?....evaluation // 最外边的div width 100% min-height: calc(100vh - 0.9rem) //这个页面只有头部,所以将头部的高度减去 padding-top...); 注: 100vh 减去的可以是任意像素单位(px、rpx、em等), 此处运算符左右要有空格哟~~ 遇到这个问题的小哥哥和小姐姐可以试试哦 , 看有没有解决呀!

4.1K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    2014-10-25Android学习------布局处理(三)------常见且常用的列表布局

    本应用程序中就是使用自定义布局layout文件list_view_row.xml 自定义模板可以根据自己的需要定义成任意的格式,包括图片、方案及其他可显示的View,不用多说,自己定义就好了 2)关键是如果使用并进行模板的绑定...","TextView01", "TextView02"}, new int[]{R.id.ImageView01, R.id.TextView01, R.id.TextView02}); setListAdapter...它的高度也应该是包裹内容的,就是图片的高度。...="@id/ImageView01" 表示TextView控件在以id=ImageView01的控件的右边 6)android:layout_alignParentRight //贴紧父元素的右边缘...android:attr/listPreferredItemHeight" 系统自定义的高度,不同的机型高度不一样, 拓展: android:layout_alignParentBottom

    1.1K30

    点击显示更多文本自定义控件

    写在前面的话: 在正常项目流程中,我们很多情况下会碰到点击显示更多文本,这样可以利于页面变化加载,点击显示更多可能会非常常用,现在博主利用自己的闲暇时间来一点一点完成一个自定义控件,这个控件可以满足大多数情况的需求...,根据这些方法的自定义的使用,能够很好的完成我们的预期效果: ?...final int IMAGE_RES = R.mipmap.explain; // 默认图标的高度 private static final int IMAGE_HEIGHT = 0; // 默认图标的宽度...textView; // 点击扩展的图标 private ImageView imageView; // 显示文本 private String text ; // 控制多少position private...textView = new TextView(context); //创建ImageView 负责点击imageview来展示更多 imageView = new ImageView

    86930

    Android 滑动效果进阶篇(六)—— 倒影效果

    ImageAdapter继承自BaseAdapter,详细实现可见 Android 滑动效果入门篇(二)—— Gallery 这里重点介绍倒影原理及实现 倒影原理: 倒影效果是主要由原图+间距+倒影三部分组成,高度大约为原图的...3/2(原图为1、倒影为1/2) 原图,就是我们看到了最开始的图片 间距,是原图与倒影之间的间隙,如:reflectionGap = 4; 倒影,是原图下半部分1/2高度,通过矩阵变换matrix.preScale..., width, bitmapWithReflection.getHeight() + reflectionGap, paint); // 绘制倒影的阴影效果 ImageView imageView...++] = imageView; } return true; } 2、myGallery 自定义Gallery来实现倒影图片的浏览与选择 public class myGallery extends...Gallery的图片填充ImageAdapter、myGallery选择事件监听、点击事件监听 private void initRes(){ tvTitle = (TextView) findViewById

    1.6K10

    Android 自定义最大宽度,高度, 宽高比例 Layout

    前言 这篇博客主要介绍的是怎样自定义一个可以指定最大宽度,高度,以及宽高比的 Layout。原理其实很简单,就是通过重写 onMeasure 方法,重新制定 MeasureSpec。...使用说明 常用的自定义属性 <attr name="ml_maxheight" format...---- 原理介绍 原理其实很简单,对自定义 View 有基本了解的人都知道,View 的宽度和高度,是在 onMeasure 方法中进行测量的,他们的大小受 MeasureSpec 的影响。...最后,根据相应的 size,mode 生成相应的 MeasureSpec 当模式已高度为基准的时候,我们首先对高度进行调整,是否超出最大高度,超出取最大高度,没超出,取原来的值。...同时,这里还有一个坑,如果在代码里面直接设置 width 的话,当 TextView 超过设置的 width 的时候,textView 显示的文字会被截断。

    2.5K20

    【翻译】MotionLayout实现折叠工具栏(Part 1)

    也就是说, CoordinatorLayout 这个布局已经提供了一些非常有用的行为动画,如果你尝试去修改它,或者创建一些基于它的自定义动画,那都是相当困难的。...第一件事情就是作为背景的 ImageView 图片( ID 为 toolbar_image )高度值的改变,以及图片透明度值的改变。...第二个控件则是包含了标题( ID 为 title )的文本 TextView ,它需要移动的同时改变自身大小尺寸。 让我们首先看看这两个状态下图片 ImageView 的高度差。...在这里,我们需要调整 ImageView 的 imageAlpha 值。当然,你也可以使用自定义视图上的自定义属性来实现,就如同 ObjectAnimator 一样。...我们所做的另一件事情则是改变边距大小( margins ),以及如何让 TextView 文本的位置相对于 ImageView 图片的位置而固定。

    2K31

    android ListView 嵌套 ListView

    listview还未刷新完成,导致测量的高度不对,就会消失,像当前组已关闭这种,现在这个问题还没有想到办法解决的,试过比较多的方法,添加接口让子listview 刷新完成后再去更新父listview,但还是没有作用...,我猜应该是在刷新子listview的时候,父listview先更新完成,子listview的高度测量就没有对!...下面是我的源码 listview 嵌套listview都有个高度测量的问题,在更新的时候动态更新子listview就,下面是布局源码 <?...viewHolder.Deviceinfo.setAdapter(viewHolder.adapter); //重点在这里动态修改子listview的高度...,因为我这边子listview的item高度是50dp,这里可以自己修改 listpar.height = dp2px(50*viewHolder.adapter.getCount

    1.3K20

    android scrollview嵌套listview计算高度的问题

    // params.height最后得到整个ListView完整显示需要的高度              listView.setLayoutParams(params)...;          }      这个代码让控件去计算Listview自己的高度然后设置这个Listview的高度 但是这个代码里面有一个问题,就是这个当你的ListView里面有多行的TextView...的话,ListView的高度就会计算错误,它只算到了一行TextView的高度, 这个问题在so上的概述为以下: http://stackoverflow.com/questions/14386584...().getFontMetrics().ascent)*line; return height;}   上面的代码完成更能为,在ListView开始测量时,测量到TextView时,就调用我们的onMeasure...方法,我们就可以测量字体的总宽度除与去掉边距的屏幕的大小,就可以算出文字要几行来显示,然后测量字体的高度*行数可以得到字体的总高度,然后在加上上下边距就是TextView真正的高度,然后setMeasuredDimension

    2.3K60

    ExpandableListView简单应用及listview模拟ExpandableListView

    = (TextView) convertView                           .findViewById(R.id.group);                   groupHolder.imageView... = (TextView) convertView                           .findViewById(R.id.group);                   groupHolder.imageView...效果: 上面模拟显示的孩子是一个textview(缺点:隐藏textview显示时候点击会影响到其父控件,大家尝试一下,不过肯定有解决办法的.), 下面我来介绍下,如果孩子是listview应该怎么办...                                    .show();                           }                       });   // 动态设置listview 的高度....) /***      * 动态设置listview的高度      *       * @param listView      */ public void setListViewHeightBaseOnChildren

    1.2K70

    自定义实现垂直滚动的TextView

    需求 当TextView限制最大行数的时候,文本内容超过最大行数可自动实现文本内容向上滚动 随着TextView的文本内容的改变,可自动计算换行并实时的向上滚动 文字向上滚动后可向下滚动回到正确的水平位置...自定义方法 自定义一个View,继承自View,定重写里面的onDraw方法 文字的滚动是用Canvas对象的drawText方法去实现的 public void drawText(@NonNull...,这里的x,y并不代表默认横向坐标为0,纵向坐标为0的坐标,具体详解我觉得这篇博客解释的比较清楚,我们主要关注的是参数y的控制,y其实就是text的baseline,这里还需要解释text的杰哥基准线:...由于text的baseline比较难计算,所以我们大约取y = bottom - top的值,这么坐位baseline的值不是很精确,但是用在此自定义控件上文字的大小间距恰好合适,在其他场景可能还是需要精确的去计算...private float lineMaxWidth; /** * 最大行数 */ private int maxLineCount; /** * 每行的高度

    1.9K20

    Android-教你写小米系统应用--我的小米

    构思 前面的文章中,我们已经了解了如何去自定义一个ViewGroup,可以在onLayout中自由的对子View进行位置设定,我们今天这里刚好需要对上面需求提到的三部分子View(头像ImageView...,姓名TextView,功能Cell布局)在滑动过程中进行位置设定,重绘,所以我们就可以自定义一个ViewGroup去实现。...mMarginTop ,(sWidth + headImageWidth)/2, mMarginTop + headImageHeight ); //计算第三部分content的高度...,其他控件的位置根据它的高度来设置 if (contentHeight == -1) { contentHeight = sHeight - (mMarginTop + headImageHeight...其实Android support V4架包已经为我们提供了ViewDragHelper类,来辅助我们在自定义ViewGroup时,来处理子View的滑动需求。

    66920

    Android应用界面开发——ListView,GridView,ScrollView

    android:divider:设置列表项的分割线(既可以是颜色分隔也可以是Drawable分隔)。 android:dividerHeight:设置列表项的分割线的高度。...所以我要写个这个界面布局就很清晰了,整个界面分为四部分,第一部分标题栏是一个LinearLayout,从左边开始放一个ImageView和一个TextView;第二部分是一个背景为灰色的RelativeLayout...,里边放一个包含ImageView和TextView的LinearLayout,居中显示;第三部分是一个ListView,每个item中放一个TextView并居中显示;第四部分是一个背景为灰色的LinearLayout...,里边放一个包含一个TextView和包含两个TextView的LinearLayout的RelativeLayout(有点拗口,反正就是一堆TextView)。...隐藏标题栏有三种方法: 1.在onCreate中setContentView方法之前调用 requestWindowFeature(Window.FEATURE_NO_TITLE); 因为我在布局文件中已经自定义了标题栏

    1.5K30
    领券