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

android edittext添加正方形边框怎么让它变成正方形?

要让Android EditText添加正方形边框并使其变成正方形,可以通过自定义EditText的背景来实现。以下是一种实现方式:

  1. 创建一个名为square_border.xml的XML文件,用于定义正方形边框的样式。文件内容如下:
代码语言:txt
复制
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF"/> <!-- 设置填充颜色,这里为白色 -->
    <stroke
        android:width="2dp" <!-- 设置边框宽度,可根据需要调整 -->
        android:color="#000000"/> <!-- 设置边框颜色,这里为黑色 -->
    <corners android:radius="0dp"/> <!-- 设置圆角半径为0,使其变成直角 -->
</shape>
  1. 在布局文件中使用自定义的背景样式。例如,假设你的EditText的id为editText,则可以在布局文件中添加以下代码:
代码语言:txt
复制
<EditText
    android:id="@+id/editText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/square_border" <!-- 设置背景为自定义的正方形边框样式 -->
    ... <!-- 其他属性 -->
/>

通过以上步骤,你可以将EditText的背景设置为正方形边框样式,从而使其呈现正方形的外观。

请注意,以上答案中没有提及任何特定的云计算品牌商,因为问题与云计算领域无关。如果你有关于云计算或其他相关领域的问题,我将很乐意为你提供帮助。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【前端基础面试题】如何用CSS画一个三角形(详解)

,第一个就是大小的红色正角形,第二个则是由边框构成的正方形,两个正方形大小一样,左右上下边框各一对,一个边框100px一对200px,两个正方形大小一样。                ...border-left: 100px solid yellow; border-top: 100px solid green; }                  由四个三角形边框组成的正方形...我们只需要将另外三个三角形设置成透明(transparent),就变成了一个三角形。...所以不会设置一条边框,就变成三角形。                宽高为什么设置为0,和不设置宽高的区别                         我们把宽度高度取消,单设置一条边框。...,所以为了得到任意四个三角形的一个  我们要设置 宽高,将宽高设置成0px,缩小中心点变成三角形而不是梯形,也改变了默认的100%宽度属性。

50720

小白都能学会的css

图中用矩形标注的内容对应的就是title 标签中的内容,箭头指的正方形,就是我们刚才添加css 后的效果 。...我们只是设置了边框的宽度,用的是 border-width:1px;,但我们并没有是设置颜色,所以我们可以得知,边框的颜色默认是黑色的~ 现在我想要把边框颜色变成红色,那么我会这么做 ...当然,我们也可以针对边框的任意一边设置样式,四个方向分别是上top、左left 、下bottom、右right 我只要在上边添加边框就可以这么写 border-top:1px solid red; 来看下效果...说明这样写时没问题的 ,剩下的三个边你来尝试一下哦~ em~有时候做事需要圆滑一点,所以我也想矩形变成圆圆的,那就添加一个样式叫做 border-radius:50%; 代码如下: ...嗯,一个圆就这样出来了~其中50% 是指将矩形的长宽的一半作为半径,原点就在两条对角线的交点上,然后对裁剪掉圆外的部分,这样就变成一个圆啦~当然,有个前提条件就是这个矩形必须是正方形,不然得到的就是椭圆了

59230

手把手带你学习微信小程序 —— 七 (view 视图组件学习)

200px 像素 的正方形,颜色为黄绿色 */ .outter{ width: 200px; height: 200px; background: greenyellow; } /*配置外边框被点击后的效果...,大小会变成 150px 像素的正方形,颜色变成红色*/ .outter-hover{ background: red; width: 150px; height: 150px; } /*配置内边框的大小为...大小变成 50px 像素的正方形,颜色变成蓝色*/ .inner-hover{ width: 50px; height: 50px; background: blue; } 运行效果如下:...具体需要修改的地方就是属性中的参数值,这个根据官方文档进行微调即可 二、scoll - view 标签 2.1 横向滚动设计 大家应该都体验过横向滚动栏和纵向滚动栏,如果没有,今天我没呢就用小程序把实现一下....by_grey{ background: grey; } .by_pink{ background: pink; } 2.2 纵向向滚动设计 纵向滚动有两个要点: scroll-view 添加

1.3K20

「HTML+CSS」--自定义加载动画【007】

步骤1 将span元素设置为 一个96✖️96px的正方形 边框为10px,白色,solid width : 96px; height: 96px; border: 10px solid...步骤2 span::after伪元素设置为: 位于span正中 边长72✖️72px的正方形 注:红色部分即为span::after,为便于观察才设置为红色 ?...步骤3 span::after设置 边框:10px 白色 solid border: 10px solid white; 注: 此时的span::after变成变成(72+10+10)px 的正方形...步骤6 span 四边框颜色为透明 border: 10px solid transparent; 注 因为border-bottom-color: #FF3D00;声明了下边框颜色为红色,所以下边框依然会显示颜色...步骤7 为span添加动画 animation: rotation 1s linear infinite; /*动画实现*/ @keyframes rotation { 0% { transform

27610

纯CSS画三角形

之前遇到过的问题如果查了然后懂了,然后没有及时复盘思考,就很容易还回去,今天把许久之前的这个知识点再整理一下,一是加深自己的记忆,二也是初学者更容易懂。...首先,创建一个空的div 然后,CSS处理边框,给它不一样的颜色,好观察 .triangle{ border-left:100px...解释一下 四个方向的border其实是有重叠部分的,在四条边框都有值的情况下,左上角的正方形就由左边框和上边框分割,以此类推,而左矩形理所应当是归属左边距,以此类推。...回到原来的问题,我们应该怎么得到三角形呢? 有的同学可能会以为是直接把其他三个方向的边框去掉,那你会发现,div不见了!...因为任意三个方向的边框为0,都会使4个正方形都消失,只剩下一个矩形,然而我们的宽高为0,因此,就使图形消失。再来看看这个图案。

87420

Android仿微信标签功能

微信中有对联系人添加标签的功能,如下图所示。 ? 这里有三种状态的标签,分别的未选择,选中,编辑中,由于前两种标签不需要提供输入,所以用TextView实现即可,编辑中的标签用EditText来实现。...-- 这里实现虚线边框-- <stroke android:dashWidth="5dp" android:dashGap="2dp" android:width="1dp" android:color...editText=new EditText(getApplicationContext()); editText.setHint("添加标签"); //设置固定宽度 editText.setMinEms..."); editText.setText(""); editText.requestFocus(); return true; } } //添加标签 final TextView temp = getTag...(editText.getText().toString()); tagView.add(temp); tagViewState.add(false); //添加点击事件,点击变成选中状态,选中状态下被点击则删除

74710

【CSS】352- 有趣的CSS弹跳动画

这是只用了一个div来做的小动画,纯粹利用CSS3的animation来完成,就像是一个正方形在地上弹跳,碰到地面的时候尖角还会压缩变圆,阴影的部分也会随着正方形升高而缩小,至于到底该怎么完成呢?...利用伪元素   由于只使用了一个div,要同时达到正方形旋转与阴影缩放的效果,这里必须使用两个伪元素(before与after)来完成,严格来说,虽然只有一个div,但是却是把这个div当作外框,伪元素...before作为旋转的正方形伪元素after作为阴影。...CSS动画   画出正方形与阴影之后,再来就是要做动画了,为了避免太过复杂,这里我们先不要旋转,先单纯正方形上下跳动,然后阴影会放大缩小,下面的示例的动画,又新增了20%与80%的keyframe,目的是为了接触的时候角落才会变圆...如果我们把动画里头添加linear,就会变成线性的连续方式喔。 ? via:https://segmentfault.com/a/119000001908691

1.2K10

游戏优化系列二:Android Studio制作图标教程

背景 谷歌在Android8.0后就推出了圆形图标,并在AndroidStudio中提供了制作工具。那么如果不制作圆形工具会怎么样?在部分设备上图标会出现适配问题,UI上不美观。...Trim - 要调整源资源中图标图形与边框之间的边距,请选择 Yes。此操作将移除透明空间,同时宽高比保持不变。要让源资源保持不变,请选择 No。...Trim - 要调整源资源中图标图形与边框之间的边距,请选择 Yes。此操作将移除透明空间,同时宽高比保持不变。要让源资源保持不变,请选择 No。...Trim - 要调整源资源中图标图形与边框之间的边距,请选择 Yes。此操作将移除透明空间,同时宽高比保持不变。要让源资源保持不变,请选择 No。...Image Asset Studio 会在透明的正方形内创建图标,所以边缘上有一些内边距。内边距为标准的阴影图标效果提供了充足的空间。 (4)点击 Next。

3.6K30

canvas 快速入门

image-20220608122748832 矩形现在加上了轮廓线,实际上变成了中空的。由此可见,绘图是很有意思的,但是如何绘制一些更高级的图形呢,例如粗线条?没问题。...= "rgb(0, 0, 0)"; context.strokeRect(320, 40, 100, 100); // 黑色正方形 你可能已经猜到,最终得到两个边框稍粗的红色正方形和一个边框非常粗的黑色正方形...字号过小会文本难以辨别,所以在这个例子中,我们加大了字号,而原点也稍微向下移,所以文本不会超出屏幕顶部。最终得到的结果如下图所示。...现在,将下面这行代码添加到使用「宽度/高度」技巧清除Canvas内容的代码之后: context.fillRect(40, 40, 100, 100); 这肯定会绘制出一个红色正方形,对吗?...那么,为什么实际上绘制出了一个黑色正方形呢? image-20220608145541626 「宽度/高度技巧」的缺点是,它会完全重置 Canvas 上的所有内容,包括「样式」和「颜色」。

1.7K20

通俗易懂的目标检测 | RCNN, SPPNet, Fast, Faster

1.4 线性回归 现在我们知道一个候选框的类别了(通过SVM),但是我们经过一开始的拉伸,虽然所有图片都变成了227的大小,但是也会造成图像的扭曲。如下图: ?...现在的问题是,warp还是crop都会图像变形、物体不全,这样势必会对识别的精确度产生影响。...第一个结果加上softmax变成候选框的类别概率,第二个结果就是候选框的4个参数的边框回归的值。 整个流程可以看下面的图: ? 现在,目标检测一张图片,只需要0.32秒钟,之前的RCNN可是47秒。...也许比较近似正方形的长方形可以通过边框回归矫正,但是其他的长方形物体就非常难办了。...这里事先设置了几种不同形状大小的候选框,除了正方形之外,还有长方形,小正方形等,这样虽然成倍的增加了计算量,但是可以提高准确度。

61120

Android多种方式实现相机圆形预览的示例代码

处理不支持1:1预览尺寸的情况 添加一个1:1尺寸的ViewGroup 将TextureView放入ViewGroup 设置TextureView的margin值以达到显示中心正方形区域的效果 ?...,添加一层ViewGroup限制View的显示区域 if (newHeight !...Android View坐标系 ? OpenGL世界坐标系 如图所示,和Android的View坐标系不同,OpenGL的坐标系是笛卡尔坐标系。...四、加一层边框 有时候需求并不仅仅是圆形预览这么简单,我们可能还要为相机预览加一层边框 ? 边框效果 一样的思路,我们动态地修改边框值,并进行重绘。...使用Camera API并为其动态添加一层父控件,达到正方形预览的效果 使用Camera API获取预览数据,使用OpenGL的方式进行显示最后,给大家推荐一个好用的Android免费离线人脸识别的

2K21

【Java AWT 图形界面编程】Frame 窗口标题栏大小问题 ( Container 容器的空白边框 Insets | 通过调用 frame.getInsets().top 获取窗口标题栏高度 )

AWT 中常用的布局容器 ) 中 , 在窗口中设置 5 个布局, 分别在 4 个角和 中心位置显示 , 每个布局显示不同的颜色 ; 绘制后发现 最终绘制结果如下 : 顶部的两个 100 x 100 的 正方形..., 变成了长方形 , 部分内容被 Frame 窗口的标题栏覆盖住了 ; 左上角 和 右上角的 组件布局代码如下 : // 绘制左上角布局 Panel panel1 =...* Insets对象表示容器的边框指定了容器在每条边上必须保留的空间。 * 空格可以是边框、空格或标题。...* 该值被添加到矩形的Top以生成Top的新位置。...Insets insets = frame.getInsets(); System.out.println(insets); } } 运行结果 : 很明显 这是 五个 正方形

76830

CSS盒子模型

分别定义四边的外边距 和padding语法基本相同 块级盒子水平居中 保证左右的外边距为"auto" 盒子必须指定宽度 常用写法:margin: 0 auto; 行内元素或者行内块元素水平居中给其父元素添加...text-align:center;即可 外边距合并:在使用margin定义块元素的垂直外边距时,可能会出现外边距合并 嵌套块元素塌陷解决方法: 可以为父元素定义上边框 为父元素定义上内边距 为父元素添加...加上这行代码可以去掉小圆点 圆角边框:把盒子变成圆角的 border-radius: 10px; 通过设定radius(半径)的值来确定圆弧的大小,用该半径的圆去与盒子的两条相邻边切 所以数值越大弧度越明显...要想要做出圆形的盒子,先设置一个正方形盒子,在半径等于边长的一半 width: 200px; height: 200px; border-radius: 50%; 圆角矩形:把半径设为盒子高度的一半...模糊距离(虚实) spread 阴影的尺寸 color 阴影颜色,一般用半透明的 inset 内阴影还是外阴影 注意:盒子阴影不占用空间,不影响其他盒子的排列 文字阴影:用text-shadow来添加阴影

72630

欲练JS,必先攻CSS——前端修行之路

所以我们会给全局的元素用上border-box, 只要设置了宽高,那么border和padding无论怎么变化,元素的宽高都不会变,这样方便布局和计算。...网上有博客说通过css3 transform的缩放scale 50%,可以实现0.5px边框,我一直很奇怪,1px实际是物理的最小单位,怎么可能实现0.5px,就这样我做了个实验,我设置了1px颜色为000...的边框(黑色),如图, 当我使用scale缩放50%的时候,颜色变成了c5c5c5,但是实际仍然有1px。...还有些手机屏幕上1px是按照2px来的展示,所以这种方式可以2px缩放为1px,1px的边框变得更淡,这种方式确实能让边框变细,但不能说是0.5px。...13.object-fit: cover 我们在做列表页的时候,图片都是固定的大小,比如是一个100px*100px的正方形图片,但是很有可能拿到的图片并不是正方形的,这个非正方形图片放到正方形的img

1.3K100

详解视觉误差对UI设计的影响和解决方案

每个人的感官可能都不一样,但对于我来说,调整尺寸后的两个图形看起来才是一样大的,至少也不会像图一一样,人第一眼就认为正方形比较大。为什么会这样?因为我将圆的直径增加了 50px。 ?...加个粉色等大的边框,或许你会看得更加清楚。 ?...条件允许的话我们可以对按钮添加一些颜色,看起来的视觉重量更重,这也能达成视觉尺寸相等。 ?...如果是浅色背景的话,我们就不需要改变文本的长度,直接添加背景,浅色的背景由于视觉重量轻,尚且不会造成什么不好的影响。 ? 如果是深色背景的话,做法就不一样了。...右侧的深色边框的输入框的框体就要与标签文字对齐,而框内容无需与标签文字对齐。

1.2K10
领券