精华内容
下载资源
问答
  • 弧形顶
    2021-06-11 01:32:34

    使用以下HTML:

    和CSS:

    #arcs div {

    border: 2px solid #000; /* the 'strokes' of the arc */

    display: inline-block;

    min-width: 4em; /* the width of the innermost element */

    min-height: 4em; /* the height of the innermost element */

    padding: 0.5em; /* the spacing between each arc */

    border-radius: 50%; /* for making the elements 'round' */

    border-top-color: transparent; /* hiding the top border */

    border-bottom-color: transparent;

    }

    #arcs div {

    border: 2px solid #000;

    /* the 'strokes' of the arc */

    display: inline-block;

    min-width: 4em;

    /* the width of the innermost element */

    min-height: 4em;

    /* the height of the innermost element */

    padding: 0.5em;

    /* the spacing between each arc */

    border-radius: 50%;

    /* for making the elements 'round' */

    border-top-color: transparent;

    /* hiding the top border */

    border-bottom-color: transparent;

    }

    更多相关内容
  • android带有弧形的布局背景。弧形矩形,上边为弧形矩形。
  • 弧形吊顶节点

    2013-10-23 21:37:14
    CAD弧形吊顶节点,希望能帮到 有需要的朋友啊
  • android实现顶部弧形背景

    千次阅读 2018-08-29 14:46:59
    今天早上来了被IOS提醒安卓的背景是一个顶部为弧线的是否好实现。然后说他们是用两个矩形拼凑的。于是我就想着实现。先去搜索发现了一个库可以实现这样的效果:     这是介绍的网址:...

        今天早上来了被IOS提醒安卓的背景是一个顶部为弧线的是否好实现。然后说他们是用两个矩形拼凑的。于是我就想着实现。先去搜索发现了一个库可以实现这样的效果:

     

     

    这是介绍的网址:http://www.codedata.cn/cdetail/Android/ImageView/1484555521870728

    这是github地址:https://github.com/flavioarfaria/KenBurnsView.

    话说刚才粘贴完网址本想写句号但是手自觉的想按分号。

    但是总是感觉这个可以用shape实现。早上还吹牛说安卓有专门话图形的xml.于是又开始搜索。发现有一个自定义view的

    https://blog.csdn.net/gisuuser/article/details/79031630

    但我要设置成背景需要drawable.没有找到合适的。于是发现layer-list可能实现,效果如下:

    是用layer-list实现的。积分不多,赚点积分。

    下载地址:https://download.csdn.net/download/jnitjy/10633691

    展开全文
  • 在项目的开发中,有时我们需要一个带有弧形的界面来作为背景装饰。 设计这个view的方式比较简单就是自定义绘制的方式,重新写onDraw函数。/*** 弧形的view*/public class ArcView extends View {private int mWidth;...

    在项目的开发中,有时我们需要一个带有弧形的界面来作为背景装饰。

    49919f5b61be508cd19be95b623084a3.png

    设计这个view的方式比较简单就是自定义绘制的方式,重新写onDraw函数。

    /**

    * 弧形的view

    */

    public class ArcView extends View {

    private int mWidth;

    private int mHeight;

    private int mArcHeight; //圆弧的高度

    private int mBgColor; //背景颜色

    private int lgColor; //变化的最终颜色

    private Paint mPaint; //画笔

    private LinearGradient linearGradient;

    private Rect rect=new Rect(0,0,0,0);//普通的矩形

    private Path path=new Path();//用来绘制曲面

    public ArcView(Context context) {

    this(context, null);

    }

    public ArcView(Context context, @Nullable AttributeSet attrs) {

    this(context, attrs, 0);

    }

    public ArcView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

    super(context, attrs, defStyleAttr);

    TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.ArcView);

    mArcHeight = typedArray.getDimensionPixelSize(R.styleable.ArcView_arcHeight, 0);

    mBgColor=typedArray.getColor(R.styleable.ArcView_bgColor, Color.parseColor("#303F9F"));

    lgColor = typedArray.getColor(R.styleable.ArcView_lgColor, mBgColor);

    mPaint = new Paint();

    mPaint.setAntiAlias(true);

    typedArray.recycle();

    }

    @Override

    protected void onSizeChanged(int w, int h, int oldw, int oldh) {

    super.onSizeChanged(w, h, oldw, oldh);

    // Log.d("----","onSizeChanged");

    linearGradient = new LinearGradient(0,0,getMeasuredWidth(),0,

    mBgColor,lgColor, Shader.TileMode.CLAMP

    );

    mPaint.setShader(linearGradient);

    }

    @Override

    protected void onDraw(Canvas canvas) {

    super.onDraw(canvas);

    //设置成填充

    mPaint.setStyle(Paint.Style.FILL);

    mPaint.setColor(mBgColor);

    //绘制矩形

    rect.set(0, 0, mWidth, mHeight - mArcHeight);

    canvas.drawRect(rect, mPaint);

    //绘制路径

    path.moveTo(0, mHeight - mArcHeight);

    path.quadTo(mWidth >> 1, mHeight, mWidth, mHeight - mArcHeight);

    canvas.drawPath(path, mPaint);

    }

    @Override

    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

    super.onMeasure(widthMeasureSpec, heightMeasureSpec);

    int widthSize = MeasureSpec.getSize(widthMeasureSpec);

    int widthMode = MeasureSpec.getMode(widthMeasureSpec);

    int heightSize = MeasureSpec.getSize(heightMeasureSpec);

    int heightMode = MeasureSpec.getMode(heightMeasureSpec);

    if (widthMode == MeasureSpec.EXACTLY) {

    mWidth = widthSize;

    }

    if (heightMode == MeasureSpec.EXACTLY) {

    mHeight = heightSize;

    }

    setMeasuredDimension(mWidth, mHeight);

    }

    }

    声明的属性

    代码比较简单主要就是使用path绘制路径,增加一个渐变的效果。

    展开全文
  • 看到淘宝首页顶部是一个向上凹进去的背景(如下左图),有点好奇是如何实现的,今日闲来无事,便琢磨个实现的方法。 琢磨的过程中,想到的就是用layer-list来...好啦,两种顶部弧形背景的样式到这里就简单实现啦。

     看到淘宝首页顶部是一个向上凹进去的背景(如下左图),有点好奇是如何实现的,今日闲来无事,便琢磨个实现的方法。

    琢磨的过程中,想到的就是用layer-list来实现,此外又实现了一个顶部向下凸的背景(如下右图),在这里记录下实现的过程。

                        

    一、实现顶部向上凹的背景

    1、自定义drawable文件,arc_bg_up.xml

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    
        <item android:top="0dp"
            android:right="-250dp"
            android:left="-250dp">
    
            <shape android:shape="oval">
    
                <solid android:color="#FFFFFF"/>
            </shape>
    
        </item>
    
        <item android:top="50dp">
            <shape android:shape="rectangle">
                <solid android:color="#FFFFFF"/>
            </shape>
        </item>
    </layer-list>

    2、布局文件

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".ArcActivity">
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="150dp">
    
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:src="@drawable/love"
                android:scaleType="fitXY"/>
        </LinearLayout>
    
        <LinearLayout
            android:layout_marginTop="-20dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/arc_bg_up">
        </LinearLayout>
    
    </LinearLayout>

    二、实现顶部向下凸的背景

    1、自定义drawable文件,arc_bg_down.xml

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:tools="http://schemas.android.com/tools"
        xmlns:android="http://schemas.android.com/apk/res/android">
    
        <item android:height="50dp"
            tools:ignore="UnusedAttribute">
    
            <shape android:shape="rectangle">
                <solid android:color="#e7873e"/>
    
            </shape>
        </item>
    
        <item android:top="0dp"
            android:right="-200dp"
            android:left="-200dp">
            <shape android:shape="oval">
                <solid android:color="#e7873e"/>
            </shape>
        </item>
    
    </layer-list>

    2、布局文件

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".ArcActivity">
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="150dp"
            android:background="@drawable/arc_bg_down">
        </LinearLayout>
    
    </LinearLayout>

    好啦,两种顶部弧形背景的样式到这里就简单实现啦。

    展开全文
  • 开头必水,说是做弧形布局,不如说是Draw绘制这块踩坑,因为会对绘制结果进行裁剪(clipPath),而Path则是绘制贝塞尔曲线的结果。裁剪的通病用过的基本都知道,那就是抗锯齿,非常恶心,各种抗锯齿的办法基本GG。...
  • 基于ANSYS浅析露弧形闸门支臂自振特性.pdf
  • 基于支臂布置原则的露弧形钢闸门主框架设计.pdf
  • // 柱状图 series: [ { name: '电费查询', type: 'bar', itemStyle: { .
  • css实现顶部弧度效果

    2021-01-05 15:48:03
    一个介绍如何纯css实现顶部弧线的文章,写的不错,记录下: 文章地址: css实现顶部弧度效果
  • 为了缩短脱介弧形筛的翻转时间,以旋转气缸和升气缸组成驱动机构,设计出自动翻转弧形筛,并通过有关计算对两种气缸进行选型。该自动翻转弧形筛已在山西永宁选煤厂投入应用,在实际工作过程中,能够实现自动翻转,整个...
  • 顶部弧形 ----html---- &lt;div class="box"&gt; &lt;div class="a"&gt;&lt;/div&gt; &lt;/div&gt; ----css----- .box{ width: 200px; height: 400px;...
  • 文章以常用的简易牛鼻子交岔点为例建立数学模型,对牛鼻子交岔点施工成型控制方法进行优化,使新的方法满足牛鼻子交岔点弧形控制和连续渐变的要求,同时简化数据,便于现场人员掌握。经过实践得出,该方法值得在各交岔点...
  • 效果:弧形菜单,文字按规则变形以及变换透明度简单的javascript,上手难度:简单学习笔记:text-decoration:最主要的功能就是给文字加上附着在文字底部,上方,或者中间的线(删除线)。默认。定义标准的文本。...
  • 弧形排桩-连系梁抗滑结构为多次超静定结构,将桩顶弧形连系梁计算模型简化为无铰拱,视抗滑桩与弧形连系梁之间的约束力为冗力,利用桩弧形连系梁之间的变形协调条件,建立了抗滑结构的整体柔度方程;在桩底自由...
  • 区域走向总体呈北西向延伸,其主边界城口断裂由北向南发生偏转(由近南北向→北西向→近东西向),内部构造形迹与边界断裂呈明显削截和交切关系,弧形带凸方向与构造带南西向逆冲推覆极性一致。基于野外构造解析和15 个...
  • Android 实现弧形View或者ImageView
  • css实现弧形边框

    千次阅读 2021-11-08 09:15:27
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...meta name="viewport" content="width=device-width, initial-scale=1.0">...Do
  • 效果:弧形菜单,文字按规则变形以及变换透明度简单的javascript,上手难度:简单源码:学习笔记:text-decoration:最主要的功能就是给文字加上附着在文字底部,上方,或者中间的线(删除线)。参考:...
  • 在Android画布上绘制直角矩形/弧形据我所知,该矩形只需要顶部,左侧,右侧和底部的值,只允许我绘制矩形水平或垂直。如果有人知道另一种方式来绘制这将是太棒了。我设法得到了一个使用canvas.drawLine的直线矩形,...
  • 实现横向弧形滚动 上代码 startDragItem() 鼠标按下的方法, dragItem() 鼠标拖拽的方法, endDragItem() 鼠标抬起的方法, <template> <div class="navigationPage_Fa" @mouseup="endDragItem()" v-...
  • 大型弧形墙施工方法

    千次阅读 2020-12-24 14:18:17
    专利名称:大型弧形墙施工方法技术领域:本发明涉及一种墙体建筑领域,尤其是一种大型弧形墙施工方法。背景技术:大型弧形墙由于弧度大,曲面复杂,主体为弧形空间结构造型,外部结构柱、梁、墙多为弧形构件,结构...
  • 在浩辰CAD给排水软件中除了任意喷头和矩形喷头两种布置方式外,还有一种比较常见的喷头布置方式,那就是弧形喷头。想要在给排水CAD图纸中沿弧形布置喷头的话可以使用此功能来实现,接下来的CAD教程就让小编来给大家...
  • 使用修剪弧形工具

    2020-08-16 22:52:07
    该修剪弧工具是比较新的短信,我们很高兴向你展示它是多么有用的都可以。 修剪弧工具类似于SMS中的平滑弧功能。当消除粗糙弧线上的噪声时,此“平滑...在这种情况下,“修剪弧形”功能仅是作业的工具。该工具可修剪
  • 这几天用DataV整合了mysql的数据进行展示,刚开始分享链接测试一下的时候,有些图就是死活显示不出来,经过最后的总结教训,DataV的数据不适合做大量计算,所以他的总相应时间限制在10s以内,超过10s则显示不出,...
  • html5网页特效-弧形菜单

    千次阅读 2019-12-01 17:28:06
    弧形菜单,文字按规则变形以及变换透明度 简单的javascript,上手难度:简单 学习笔记: text-decoration: 最主要的功能就是给文字加上附着在文字底部,上方,或者中间的线(删除线)。 默认。定义标准的文本。 ...
  • 绘制一个漂亮的弧形 View

    千次阅读 2018-11-14 22:04:32
    绘制一个漂亮的弧形 View 来,先看下效果图: 怎么样?漂亮吧,上面是一个标题栏,下面是一个弧形的 View,标题栏和弧形 View 从左到右都有一个线性的渐变色,类似于手机 QQ 顶部的渐变效果,关于弧形的这种效果,...
  • Android用TabLayout实现类似网易选项卡动态滑动效果此前我们用HorizontalScrollView也实现了类似网易选项卡动态滑动效果

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,248
精华内容 899
关键字:

弧形顶