LinearLayout均分的分割线配置方式

最新推荐文章于 2023-10-12 19:31:42 发布
原创 最新推荐文章于 2023-10-12 19:31:42 发布 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了视频通话应用中底部栏控件的设计，包括音量控制、静音按钮和挂断按钮的布局和交互设计。

示例如下：




    <LinearLayout
        android:id="@+id/tab_bottom"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="horizontal"
        >


        <LinearLayout
            android:id="@+id/bottom_layout1"
            android:layout_width="fill_parent"
        android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="@drawable/video_chat_bottom_selector"
            android:clickable="true"
            android:orientation="vertical"
            android:paddingBottom="3dp"
        android:paddingTop="3dp" 
            android:gravity="center">


            <CheckBox
                android:id="@+id/speaker_checkbox"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="0dip"
                android:button="@drawable/video_bottom_bar_speaker"
                android:clickable="false"
                android:focusableInTouchMode="false"
                android:textColor="@color/white"
                android:textSize="20dip" />
            
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/video_speaker"
                android:textColor="@color/white"
                                android:layout_gravity="center_horizontal"  />
        </LinearLayout>
        
        <ImageView                 
            android:layout_width="1dp"
            android:layout_height="fill_parent"
            android:layout_marginLeft="-1dp"
            android:src="@drawable/video_bottom_line"/>


        <LinearLayout
            android:id="@+id/bottom_layout2"
            android:layout_width="fill_parent"
        android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="@drawable/video_chat_bottom_selector"
            android:clickable="true"
            android:orientation="vertical"
            android:paddingBottom="3dp"
        android:paddingTop="3dp" 
            android:gravity="center" >


            <CheckBox
                android:id="@+id/mute_checkbox"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="0dip"
                android:button="@drawable/video_bottom_bar_mute"
                android:clickable="false"
                android:focusableInTouchMode="false" />
            
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/video_mute"
                android:textColor="@color/white"
                android:layout_gravity="center_horizontal"  />
        </LinearLayout>
        
        <ImageView                 
            android:layout_width="1dp"
            android:layout_height="fill_parent"
            android:layout_marginLeft="-1dp"
            android:src="@drawable/video_bottom_line"/>


        <LinearLayout
            android:id="@+id/hangup_bt"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical" 
            android:layout_weight="1"
            android:gravity="center"
            android:background="@drawable/video_chat_bottom_end"
            android:paddingBottom="3dp"
        android:paddingTop="3dp" 
        android:clickable="true" >


            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/icon_hang_up"
                android:layout_gravity="center_horizontal"/>


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/video_hangup"
                android:textColor="@color/white"
                android:layout_gravity="center_horizontal" />
        </LinearLayout>
    </LinearLayout>

Android自定义输入车牌号键盘、车牌简称 | 数字 | 字母键盘
上辈子作恶多端，这辈子写前端。
08-31 4854
为了便于用户快捷的输入车牌号码便需要自定义个车牌键盘，而不是使用系统的键盘输入，上效果图： 横屏效果 竖屏效果 一、首先我们要来分析一下需要做哪些东西 默认展示车牌的省份简称 特殊车牌（使、领、警、港、澳） 删除键 切换为数字和字母按键 车牌号中是没有I、O字母的（容易与1、0）分混淆，故不需要这两个按键 I、O这两个按键的位置正好使用学、挂来填充 二、根据效果图可以看出键盘就...
使用PagerSlidingTabStrip实现顶部导航栏
ruancoder的博客
07-22 5592
在开发中，我们有时会遇到顶部导航栏滑动切换页面的设计，如网易新闻。实现的方式有很多种，今天我们使用PagerSlidingTabStrip配合ViewPager实现顶部导航栏。 效果图如下。 PagerSlidingTabStrip是github上的一个开源项目，项目地址如下。 https://github.com/astuetz/PagerSlidingTabStrip
Android应用借助LinearLayout实现垂直水平居中布局
09-02
主要介绍了Android应用借助LinearLayout实现垂直水平居中布局的方法,文中列举了LinearLayout线性布局下居中相关的几个重要参数,需要的朋友可以参考下
LinearLayout中使每个子控件均匀布局
冰雪世界
11-08 5668
要想使LinearLayout布局中的每个子控件自动设置为相同大小，并均匀分布，可以在布局文件中设置layout_weight参数的值一致。 示例代码如下： <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation=
LinearLayout中，让两个图片均分，各占一半
柳鲲鹏
10-12 388
要设置layout_weight，即可均分。
android layout 分割线,LinearLayout分割线
weixin_42498206的博客
05-27 375
LinearLayout原来LinearLayout还有设置分割线功能知识点android:divider设置作为分割线的图片android:showDividers设置分割线的位置,none(无),beginning(开始),end(结束),middle(每两个组件间)dividerPadding设置分割线的Padding应用场景一般设置界面，关于我们界面效果图LinearLayout.png关...
Android基础#10: Layout经典布局--layout中的控件左右平均分布，使用LinearLayout实现
记录和分享程序人生的点点滴滴
10-23 2657
优雅的设计好你的布局-----箴言----- 内容简介： 在实际开发中，经常需要将控件进行水平平均分配，本篇介绍用LinearLayout来实现水平平均。
屏幕适配Demo：全面支持布局与图片适配方案
最后，“**百分分割**”这一概念可能指的是通过虚拟参考线（Guideline）或屏障（Barrier）将屏幕划分为多个按百分比分布的功能区域，比如顶部占 20%、中部占 60%、底部占 20%，每个区域内部再进行独立布局。这种方式...
Android Studio 设置 平铺三个按钮位置
最新发布
07-30
- 按钮间分割线：使用 `<View>` 元素设置1dp宽度的分隔线 ### 效果对比 | 方案 | 优点 | 缺点 | |------|------|------| | **权重平铺** | 自动适配屏幕宽度 | 需要计算权重值 | | 约束布局 | 灵活性高 | 需手动...
Android studio两个控件放在同一行其他单独一行
06-02
此外，用户引用的内容中提到了View作为分割线，这可能对布局的美观有帮助，可以在控件之间添加分割线来提升视觉效果，但这不是当前问题的核心。最后，我需要确保示例代码的正确性，并添加注释说明关键部分，比如设置...
LinearLayout 中的分割线
私房菜
06-12 1161
先上UI：前一阵子需要弹出一个dialog 中间有线条，感觉就像fragment 中的preference 之间的线条。但是这个UI 只有三个按钮，最终就用了自定义的layout：&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/re...
android中多个LinearLayout平分布局
惜双若雅的博客
01-10 1万+
要想均分布局，必须是在LinearLayout布局下才可完成，其他文章中都是在LinearLayout中均分控件，现在是将LinearLayout中嵌套多个LinearLayout，均分LinearLayout,这样你就可以在LinearLayout任意添加控件了 程序如下：     android:layout_width="match_parent"     android:
Android小技巧——LinearLayout巧妙的平均分配空间
热门推荐
DaltSoftware的博客
06-22 4万+
通过设置width/height和layout_weight属性，巧妙平分LinearLayout布局
LinearLayout增加divider分割线
01-06 1万+
在android3.0及后面的版本在LinearLayout里增加了个分割线 android:divider="@drawable/shape" android:showDividers="middle|beginning|end" 分割线如果是图片那就直接使用图片就行，如果要使用颜色就必须使用shape来显示，直接使用颜色或Color是没有用的 使用shape的时候要注意设置size属
Android中关于LinearLayout均匀分布的问题
Ham&Bean
09-15 6122
在LinearLayout中经常会遇到将控件均匀分布在屏幕上，要达到这样的效果需要设置权值weight 例如： LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(
Android 为LinearLayout增加分割线 divider
heiday
06-29 859
参考文章 http://cyrilmottier.com/2014/11/17/grid-spacing-on-android/ 在大多数情况下，我们都是使用Margin/Padding等属性来解决View间距的问题。 当UI是静态的时候这些工作都很简单，但它很难管理动态UI元素。来看看下面这个布局，我为BUTTON1和BUTTON2增加了android:layout_marginRight
Android LinearLayout horizontal 添加分割线不显示 解决方案
Forty'7科技
03-09 1713
Android LinearLayout horizontal 添加分割线不显示 解决方案
android 增加分割线,LinearLayout增加divider分割线
weixin_42511507的博客
05-26 324
在android3.0及后面的版本在LinearLayout里增加了个分割线android:divider="@drawable/shape"android:showDividers="middle|beginning|end"分割线如果是图片那就直接使用图片就行，如果要使用颜色就必须使用shape来显示，直接使用颜色或Color是没有用的使用shape的时候要注意设置size属性不设置宽高分割...
利用LinearLayout实现屏幕分割
如是我闻
04-16 1932
在使用LinearLayout的时候，子控件可以设置layout_weight。layout_weight的作用是设置子空间在LinearLayout的重要度（控件的大小比重）。layout_weight的值越低，则控件越重要。若不设置layout_weight则默认比重为0。   如果在一个LinearLayout里面放置两个Button，Button1和Button2，Button1的l
LinearLayout分割线长度怎么设置
06-02
<think>好的，我现在需要帮助用户解决如何在LinearLayout中设置分割线长度的问题。首先，我得回忆一下Android中LinearLayout的分割线相关属性。用户提到的是divider length，也就是分割线的长度。根据之前的引用内容，用户可能已经知道如何设置分割线的样式和位置，但不知道如何调整长度。首先，LinearLayout的divider默认是填充整个方向的。比如垂直方向的分割线会占满水平宽度，水平方向的分割线会占满垂直高度。用户可能希望分割线不是全长的，比如中间有一段短的分割线。这时候，我需要考虑如何自定义这个分割线的长度。根据引用[1]，分割线可以通过drawable来设置，比如使用shape或者图片。所以解决方案应该是自定义一个drawable，通过shape来定义尺寸。例如，创建一个shape文件，指定size属性来控制长度。比如垂直方向的LinearLayout，分割线是水平方向的，所以高度设为1dp，宽度设为某个具体值，比如20dp，这样分割线的长度就是20dp。但可能需要考虑方向的问题，因为垂直和水平布局的分割线方向不同。另外，引用[2]和[3]提到的是LinearLayout的测量和布局过程，可能涉及到分割线的绘制位置，但用户的问题更多是关于样式设置，而不是源码层面的修改。所以应该集中在XML属性设置上。 需要确认用户的分割线方向，如果是垂直布局，分割线是水平的，所以需要调整宽度；如果是水平布局，分割线是垂直的，调整高度。因此，用户需要根据布局方向来设置对应的尺寸。例如，在垂直的LinearLayout中，分割线的宽度可以通过shape的android:width属性来控制，而高度则是分割线的厚度。这时候，可能需要用layer-list来组合，比如中间放置一个短线条，两边透明，这样分割线看起来长度变短了。可能还需要考虑使用inset或者padding来调整位置，但可能更直接的是在drawable中定义尺寸。例如，创建一个shape，设置solid颜色作为分割线，然后指定宽度或高度。再在LinearLayout中设置这个drawable作为divider，并指定showDividers的位置。总结步骤应该是：1.创建自定义的drawable文件，定义分割线的尺寸和颜色；2.在LinearLayout中设置android:divider为该drawable；3.设置showDividers属性控制显示位置。然后需要验证是否正确，比如在垂直布局中，分割线的宽度是否由drawable的宽度决定。可能需要测试，但根据经验，使用shape的size元素可以控制。例如，垂直布局的分割线是水平的，所以设置android:height为1dp（厚度），android:width为80dp（长度），但实际可能发现分割线仍然填满宽度。这时候可能需要使用layer-list，中间放置一个短线条，两边留空，这样整体宽度还是match_parent，但实际显示部分只有中间的短线条。比如：<layer-list xmlns:android="http://schemas.android.com/apk/res/android"><item android:left="20dp"android:right="20dp"><shapeandroid:shape="rectangle"><solid android:color="#000000"/><sizeandroid:height="1dp"/></shape></item> </layer-list> 这样左右各留20dp，中间的分割线长度就是屏幕宽度减去40dp。这样在垂直布局中，分割线就会显示为中间部分，两边有空隙，看起来长度变短了。同样，对于水平布局，可以设置top和bottom的留空来调整高度。因此，正确的做法是通过自定义drawable，使用layer-list或inset来调整分割线的实际显示长度，然后将其设置为divider。同时，用户可能需要根据不同的方向调整这些值，确保分割线在正确的位置显示合适的长度。</think>在Android中调整LinearLayout分割线长度需自定义drawable样式。具体实现步骤如下： ### 方法一：使用shape定义固定长度 1. 创建`res/drawable/short_divider.xml`文件： ```xml <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:gravity="center" android:width="80dp"> <!-- 水平方向分割线长度 --> <shape android:shape="rectangle"> <solid android:color="@color/divider_color"/> <size android:height="1dp"/> <!-- 分割线厚度 --> </shape> </item> </layer-list> ``` 2. 在LinearLayout中应用： ```xml <LinearLayout android:divider="@drawable/short_divider" android:showDividers="middle" android:orientation="vertical"> ``` ### 方法二：动态调整边距（推荐） ```xml <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:left="20dp" android:right="20dp"> <!-- 左右边距 --> <shape android:shape="rectangle"> <solid android:color="#FF0000"/> <size android:height="2dp"/> <!-- 垂直布局时分割线厚度 --> </shape> </item> </layer-list> ``` ### 适配不同方向的关键点： - **垂直布局**：通过`android:width`控制长度，`android:height`控制厚度 - **水平布局**：通过`android:height`控制长度，`android:width`控制厚度 - 使用`layer-list`的边距设置可实现动态适配不同屏幕尺寸[^1][^4]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值