开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为LinearLayout定义百分比宽度？

为LinearLayout定义百分比宽度，可以通过在XML布局文件中使用android:layout_weight属性来实现。layout_weight属性可以根据其权重值来分配LinearLayout中子视图的空间。以下是一个简单的例子：

    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

   <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="25"
        android:text="25%"/>

   <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="50"
        android:text="50%"/>

   <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="25"
        android:text="25%"/>

</LinearLayout>

在这个例子中，我们创建了一个水平的LinearLayout，其中包含三个TextView。每个TextView的宽度设置为0dp，并使用layout_weight属性来定义其占据的百分比宽度。第一个TextView占据25%，第二个TextView占据50%，第三个TextView占据25%。

这种方法可以轻松地在LinearLayout中定义百分比宽度，而无需使用第三方库或自定义代码。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

CSS 当宽度为百分比的时候，如何让高等于宽

说明： 1、将盒子的宽度设置为自己需要的百分比，这里以 16% 为例； 2、将盖盒子的高度设置为 100%； 3、通过伪类控制高度 ul li::before{ content: ""; padding-top... translate(-50%, -50%); transform: translate(-50%, -50%);} 5、这样就实现了，无论设备的分辨率怎么变化，这个盒子始终都是正方形的宽度啦...-- 当宽度为百分比的时候，如何让盒子始终保持正方形的状态 --> 1 ... 5 方法二：和上边的方法类似，把盒子模型从默认的 content-box 定义为...-- 当宽度为百分比的时候，如何让盒子始终保持正方形的状态 --> 1

2.9K3 1

关于移动端百分比宽度的几种实现

item:nth-child(2n){ background: #ccc; } .full-list .item:hover{ background: #f00; } demo效果见：移动端百分比宽度的几种实现...从这新单位的出现，也知道为了移动端的百分比我们的W3C组织也是操碎了心。为了上面所说的四等分，那每个的宽度应该为25vw，而我们ul的list--xxx就是list--vw。...原理就是js获取视窗宽度，然后设置html的font-size为视窗宽度的十分之一即百分之十，而rem单位表示相对于根元素html的大小，所以1rem即表示视窗宽度的十分之一。...这样通过rem与html的font-size的关系，拐了个弯实现了一个相对于视窗宽度的百分比。...这里感谢下手淘为我们前端界创造了个这么好的解决方案。 flex & percent 这个应该不必多说了，现在到处都是flex，而%的更是基础了。

8611 0

关于移动端百分比宽度的几种实现

item:nth-child(2n){ background: #ccc; } .full-list .item:hover{ background: #f00; } demo效果见：移动端百分比宽度的几种实现...从这新单位的出现，也知道为了移动端的百分比我们的W3C组织也是操碎了心。为了上面所说的四等分，那每个的宽度应该为25vw，而我们ul的list--xxx就是list--vw。...原理就是js获取视窗宽度，然后设置html的font-size为视窗宽度的十分之一即百分之十，而rem单位表示相对于根元素html的大小，所以1rem即表示视窗宽度的十分之一。...这样通过rem与html的font-size的关系，拐了个弯实现了一个相对于视窗宽度的百分比。...这里感谢下手淘为我们前端界创造了个这么好的解决方案。 flex & percent 这个应该不必多说了，现在到处都是flex，而%的更是基础了。

9129 0

CCLabelAtlas的宽度为奇数时的显示bug

后来把它宽度 + 1，然后就正常了。发现以前宽度设置为21px、23px都有问题，+1px变为22px就正常了 ? 按上图设置，然后用ps将画布的宽度再+1，让文字选区居中就ok了

5671 0

UEditor百度富文本编辑器设置百分比宽度

UEditor 百度富文本编辑器的 initialFrameWidth 属性默认值是1000，设置 initialFrameWidth=null 时，编辑器会在第一次加载的时候获取屏幕宽度，然后赋值给...initialFrameWidth 属性，这样确实可以在第一次加载时适应屏幕宽度，但是似乎宽度稍微过了一点点。...而且当你改变浏览器大小时，会有很严重的排版BUG，由于它不会自适应宽度。所以会出现编辑器宽度溢出的问题。解决方案: 1....initialFrameHeight 设置高度设置百分比的时候要用引号 ' ' 或者 " " ，否则会不起效或者报错。...未经允许不得转载：w3h5-Web前端开发资源网 » UEditor百度富文本编辑器设置百分比宽度

7934 0

YUI Grids实现自定义宽度的Template

但是也有缺陷，YUI预设的Template中只为我们提供了六种预设的模板，并没有像整个页面那样提供一个可以自定义的标签，那么当我们的需求需要实现不同的宽度的时候，就只有自定义了，我的目标是实现一个符合yui-t...规则的自定义样式。...作为一个相对单位，1em是指当前一个字体的大小，例如你将一个字体设置为14px，那么1em=14px了。...但并不是px就没有了作用，我们的页面必须限制在一个宽度范围内以防止变形，所以 min-width 的设置就必须用px了。...先计算一下页面宽度：800/13 = 61.54em; (For None IE) 800/13.3333 = 60.00em; (For IE) 侧栏宽度：350/13 = 26.92em (For

2973 0

Android自定义控件实现带文字提示的SeekBar

1.写在前面 SeekBar控件在开发中还是比较常见的，比如音视频进度、音量调节等，但是原生控件有时还不能满足我们的需求，今天就来学习一下如何自定义SeekBar控件，本文主要实现了一个带文字指示器效果的...IndicatorSeekBar 可以看到，进度百分比文字是跟着进度变化在平移的，所以X轴坐标根据进度动态计算就可以了【总宽度 * 进度百分比】（getWidth() * progressRatio），...为了避免滑块滑动到终点时布局被隐藏，需要为SeekBar设置左右padding，距离分别为滑块宽度的一半，，所以【控件总长度 = 控件实际长度 + 滑块宽度】，向右平移的过程中就要动态减去滑块宽度【滑块宽度...* 进度百分比】（mThumbWidth * progressRatio），到这里文字的X轴坐标就计算完成了。...： // 【总宽度 * 进度百分比 -（指示器宽度 - 滑块宽度）/ 2 - 滑块宽度 * 进度百分比】 float indicatorOffset = getWidth() * progressRatio

2.2K1 0

bar3D 自定义柱子宽度（厚度）

最近发现 ECharts Galley 里有一条评论，问 bar3D 如何自定义柱子粗细（配置项手册里没有）。...echarts_lib_echarts___default.a.util.isArray(barSize)) { barSize = [barSize, barSize]; } 所以结论是，可以自定义...，通过配置项 series[i]-bar3D.barSize，可传入单个数值或这样的数组 [1, 1] （是绝对值，试了不能传百分比）测试效果如下：

4703 0

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

前言这篇博客主要介绍的是怎样自定义一个可以指定最大宽度，高度，以及宽高比的 Layout。原理其实很简单，就是通过重写 onMeasure 方法，重新制定 MeasureSpec。...ml_ratio_standard 有两个值，w_h 代表已宽度为基准，h_w 代表已高度为基准。...---- 原理介绍原理其实很简单，对自定义 View 有基本了解的人都知道，View 的宽度和高度，是在 onMeasure 方法中进行测量的，他们的大小受 MeasureSpec 的影响。...widthSize =" + widthSize + "heightSize = " + heightSize); if (mRatioStandrad == W_H) { // 当模式已宽度为基准...adjust onMeasure: widthSize =" + widthSize + "heightSize = " + heightSize); } 我们来看一下，有三种模式：当模式已宽度为基准的时候

2.4K2 0

css初学位置随机调整，为屏幕宽度的50%

216 217 218 整个页面可以同这个框架，应该可以做到文本在中间显示，已经加入整个页面，padding:10px为填充扩宽...= "auto"> 226 227 位置随机调整，为屏幕宽度的...整个页面可以同这个框架，应该可以做到文本在中间显示，已经加入整个页面，padding:10px为填充扩宽10px 绝对定位，位置想在哪里就在哪里位置随机调整，为屏幕宽度的50%

1.4K5 0

Android自定义View实现水平带数字百分比进度条

这个进度条可以反映真实进度，并且完成百分比的文字时随着进度增加而移动的，所在位置也恰好是真实完成的百分比位置，效果如下： ?...思路如下：第一部分是左侧的蓝色直线，代表已经完成的进度；第二部分是右侧灰色的直线，代表未完成的进度；第三部分是红色的百分比的数字百分比文本，显示当前确切的完成进度。...; /** * Contxt */ private Context context; /** * 主线程传过来进程 0 - 100 */ private int progress; /** * 得到自定义视图的宽度.../ 100.0f; //当前文字移动的长度 float currentMovedLentgh = totalMovedLength * progressFloat; //画左侧已经完成的进度条，长度为从...context.getResources().getDisplayMetrics().scaledDensity; return (int) (spValue * fontScale + 0.5f); } 布局： <LinearLayout

1.8K2 0

【震惊】padding-top的百分比值参考对象竟是父级元素的宽度

引言书写页面样式与布局是前端工程师Coding 中必不可少的一项工作，在定义页面元素的样式时，padding 属性也是经常被使用到的。...题目须知：页面中有一个元素A，请实现以下需求：元素A在页面内水平、垂直居中；元素A距离页面左右的间距为10px，元素A的宽度随页面宽度变大而变大；设置元素A的高度始终为宽度的一半；只要是对CSS...那如何能设置让元素A的高度始终为宽度的一半呢？上代码~ 页面布局：要考虑DOM的结构和CSS的样式 <!...探究padding-top的秘密当padding-top的值为百分比时，参考的对象是父级元素的宽度这句话圈起来，是重点，要考~ <!...最后的秘密当padding-top、padding-bottom、margin-top、margin-bottom属性设置为百分比时，参考对象都是父级元素的宽度要记住呀，下回还得考~ 以上就是胡哥今天给大家分享的内容

1.4K1 0

android自定义波浪加载动画的实现代码

本文实例为大家分享了android自定义波浪加载动画的具体代码，供大家参考，具体内容如下效果图 ?...private final int BORDER_WIDTH = 2; /** * 边框颜色 */ private int mBorderColor = BORDER_COLOR; /** * 边框宽度...{ /** * 百分比发生改变时调用的方法 * * @param precent 当前的百分比，格式 0.00 范围 [0.00 , 1.00] */ void precentChange(double...--自定义水波纹效果属性-- <declare-styleable name="WaveView" <!...</LinearLayout 4.MainActivity package com.example.wh.myapplication; import android.graphics.Color;

1.1K1 0

Android自定义LinearLayout布局显示不完整的解决方法

发现问题原需求，在一个伸缩列表中，自定义LinearLayout继承LinearLayout动态添加布局。 ? 然而实现的时候：一共遍历了30条数据，却只显示了一条 ?...试着在自定义布局外层再加一层LinearLayout垂直方向，wrap_content和match_parent?都试了依旧无效 ? 毛发都被抓掉了好几根。。...只能谷歌，找度娘了终于翻到这个Android – 自定义View不显示，非常感谢作者~ Android – 自定义View不显示说明：自定义了一个LinearLayout，显示不出来原因是必须有...public ManDaoH5View(Context context, AttributeSet attrs) { 这个方法是自定义LinearLayout初始化调用的方法，LinearLayout...自定义的LinearLayout也是Liearlayout呀，怎么能把它的方向忘了呢？ ?

2.6K1 0

Android studio圆形进度条百分数跟随变化

本文实例为大家分享了Android studio圆形进度条展示的具体代码，供大家参考，具体内容如下 MainActivity import android.support.v7.app.AppCompatActivity...defStyle); init(context); } public Gua(Context context, AttributeSet attrs) { super(context, attrs); //自定义属性...mRadius = mCircleX; mRadius = (int) (mCircleX-0.075*mRadius); //因为半径改变了，所以要重新设置一下字体宽度 mTextPaint.setStrokeWidth...((float) (0.025*mRadius)); //重新设置字号 mTextPaint.setTextSize(mRadius/2); //重新设置外圆环宽度 mArcPaint.setStrokeWidth...</LinearLayout values文件中的attrs <?

7560 0

Android开发之ProgressBar字体随着进度条的加载而滚动

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/activity_main...-- 背景 gradient是渐变,corners定义的是圆角 -- <item android:id="@android:id/background" <shape <corners...要想得到progressBar的任意百分比可以移动到对应百分比的位置，咱们就需要知道每一个百分比移动的距离。说的还不够明白的话咱们看看下面的公式，可以更好的理解。...// 进度条的最小单位，默认是1，你也可以是其他数值，我在demo中为了方便使用了1：进度条的最小单位 / 进度条的最大值 = 每一个百分比移动的距离/总的距离（控件的总宽度）可以推导出：每一个百分比要移动距离...可以看出，当数据为0%时就在progressBar对应数据的右方，当数据为最大值时，超出屏幕显示不了就不足为其了。

7613 1

table表格的td设置百分比宽度不管用的原因及解决方法

今天网站样式需要改版，之前是用的 table 布局，其中有一个地方 td 需要设置百分比，但是怎么都不生效。 ?...这样就可以正常设置百分比了。 ?

4.3K0 0

自定义View之带进度百分比ProgressBar

， *如果传入为true，则画圆时就会包括圆心，其实就相当于用的圆规，如果设置为true，则画百分比时圆规一脚固定在圆心 *另一脚沿着圆弧按百分比进行画弧 * @param...(Paint.Style.FILL);//设置为实心，在画时有填充好了，大致分析了一下几种情况的不同，接下来看如何自定义View 要想实现这种自定义的view先分析都需要什么，（直接将图5考虑进来，如果不需要显示可以直接注掉...）首先是画整个圆环（圆环颜色，画笔对象，圆环宽度）按百分比进行画弧（圆弧颜色，最大值，当前值）考虑是空心还是实心（style）画出文本（文本颜色，文本大小，文本是否显示）画时考虑坐标仔细想想...= 0 && styleRes == STROKE){//如果是空心圆且百分比不为0，且设置的为显示，则显示 //横坐标为center-textWidth/2 :外圆环的半径减去文本的宽度， //纵坐标为...附上demo下载地址自定义百分比的progressbar

6132 0

Power BI条件格式自定义百分比图标

这是自定义条件格式系列的第五篇，前面四篇： Power BI自定义条件格式的原理 Power BI自定义排名图标条件格式 Power BI自定义表情包条件格式 Power BI利用条件格式同一数据显示不同单位...本篇继续深入应用DAX+SVG自定义条件格式，讲解的主题是百分比。下图是Power BI内置的条件格式，左侧是数据条，右侧是图标。...气泡的度量值如下，使用DAX定义了一个圆，圆的半径随着业绩达成变化而变化，颜色也根据是否达成进行划分。...环形图和华夫饼图度量值前期在以下文章中介绍过，大家可以直接拿来应用到条件格式： Power BI DAX设计扇形图、环形图 Power BI自定义业绩达成华夫饼图

2.2K4 0

Android自定义View实现圆环带数字百分比进度条

分享一个自己制作的Android自定义View。是一个圆环形状的反映真实进度的进度条，百分比的进度文字跟随已完成进度的圆弧转动。以下是效果图： ? ?...这个自定义View可以根据需要设定圆环的宽度和百分比文字的大小。...，计算出中心点的坐标； ④：由于这个View是一个圆环形状，所以定义本View宽高中较小者的一半为整个圆环部分（包括圆环和文字）最外侧的半径，这样使用者可以任意指定本View的宽高，圆环可以恰好嵌入其中...⑩：这里我们给View添加了一个方法，setProgress，参数为int型的进度，这样外界使用者就可以根据实际进度来指定View的进度来显示当前实际工作完成的百分比。...() { // 得到自定义视图的高度 int viewHeight; // 得到自定义视图的宽度 int viewWidth; // 得到自定义视图的X轴中心点 int viewCenterX; //

1.4K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭