• Flutter set background image


    Effect display preface In our usual development, we often use the background image. What I will introduce below is that container is set by boxdecoration layout 1. Create routing subpage Widget build(BuildContext context) { return Scaffold( appBar: AppBar( Title: text (“preferred visitor subscription function”), ), body: buildBody() ); } Scaffold The skeleton of the routing […]

  • Implementation of extremely thin border (1px border)


    Mobile terminalwebProblems encountered in development: the UI draft requires setting the border to1px, CSS settingsborder: 1px solid #eee;After that, the UI said the border was too thick. that is becausedevicePixelRatioThis is caused by the characteristics. CSS settings1pxyesCSS pixelAnd the UI draft refers toDevice pixelThere is a proportional relationship between them,devicePixelRatio. IPhonedevicePixelRatio == 2, andborder-width: 1pxIt […]

  • How to set rounded corners in Android


    In Android, we often encounter the secondary processing of images, such as rounding, or displaying circular images The effect picture is as follows Method 1 Through the third-party framework glide to realize the image display with rounded corners, there are three writing methods as follows: 1.1. The first implementation: RequestOptions options = new RequestOptions().error(R. drawable.img_ […]

  • The fillet problem of canvas image


    Introduction In his recent work, he continued toHow to set the border of canvasAnd then the fourth problem. Origin My GitHub Image fillet problem If you just want to show the effect of the fillet, set theborder-radiusThat’s OK, but if you want the canvas composite image to show rounded corners, this CSS method is not […]

  • One CSS per day – coupon card


    One CSS per day – coupon card Preview address of card coupon effect design sketch doubt Round corners are good for drawing, but how to draw without rounded corners? thinking Step 1: fill the background color of the card to facilitate debugging. 【OK】Step 2: distinguish the elements and stack them in the order of top, […]

  • Cool! I’ve never seen a switcher like this


    preface RecentlyDribbbleI saw a very cool oneSwitcherAnimation, especially like, originally wanted to try to use the code in Android platform to achieve it, did not expect that there has been a version of the implementation, and the author also wrote an article to share, clear thinking, each implementation key points are particularly clear, so translate […]

  • Lua implementation of cocos2d-x drawing rounded rectangle


    –Pass in the drawnode object and draw a rounded rectangle function drawNodeRoundRect(drawNode, rect, borderWidth, radius, color, fillColor) –Segments represent the fineness of the fillet, and the larger the value, the finer the fillet local segments = 100 local origin = cc.p(rect.x, rect.y) local destination = cc.p(rect.x + rect.width, rect.y – rect.height) local points = {} […]

  • Android custom ImageView with rounded corners


    Recently, there was a need to implement an ImageView with rounded corners. I found three parties on the Internet. Although demo is correct, it is not allowed to transplant it. When you request a link, you use the bitmap in xutils to parse it. In this way, the type conversion exception will always be reported. […]

  • Implementation and usage of CSS3 border Radius Fillet


    In the past, it was more troublesome to realize a fillet, but now CSS3 is coming, and it is so simple to realize the fillet. Only one sentence is needed: border radius. The following Qingdao star network to share with you: the specific use of border radius. CSS3 fillet only needs to set one property: […]

  • Full analysis of IOS rendering


    I hope that through this article, I will sort out the content related to the rendering principle in IOS from the beginning to the end. I will start from the principle of computer rendering, and slowly talk about the principle and framework of IOS rendering, and finally, I will discuss the off screen rendering in […]

  • Scroll bar style


    Define the height and width of the scroll bar and the height and width of the background corresponding to the size of the horizontal and vertical scroll bars respectively  ::-webkit-scrollbar {     width: 4px;   height: 4px;   background-color: #F5F5F5;  } Define the inside shadow + fillet of scroll bar track  ::-webkit-scrollbar-track {   […]

  • (1) C ා WinForm custom control – base class control – hzhcontrols


    Official website http://www.hzhcontrols.com premise Has been in the industry for 7,8 years, has always wanted to do a set of beautiful custom controls, so there is a series of articles. GitHub:https://github.com/kwwwvagaa/NetWinformControl Code cloud: https://gitee.com/kwwwvagaa/net_ winform_ custom_ control.git If you think the writing is OK, please clickstarSupport it Welcome to discuss: Penguins 568015492 catalog https://www.cnblogs.com/bfyx/p/11364884.html preparation […]