圆形容器布局 [英] Circular container layout

问题描述

是否有可能做Android的圆形容器布局？我想对的WebView做一个圆形的容器，显示像图像效果：

在iOS的我可以通过的UIViewController 层做到这一点：

 的CALayer * myLayer = self.layer;
[myLayer setCornerRadius：frame.size.width / 2];
[myLayer setBorderWidth：LINE_THICKNESS];
[myLayer setMasksToBounds：YES];
 

有没有在Android的类似的东西做的？

解决方案

 ＆LT;的FrameLayout
    机器人：layout_width =WRAP_CONTENT
    机器人：layout_height =WRAP_CONTENT
    机器人：paddingTop =10dip
    机器人：paddingBottom会=10dip
    机器人：paddingLeft =1dip
    机器人：paddingRight =1dip
    机器人：背景=@绘制/ white_rounded_area
    ＆GT;
        ＆LT;的WebView
            机器人：ID =@ + ID / web_view
            机器人：layout_width =300dip
            机器人：layout_height =400dip
            机器人：layout_gravity =中心
        /＆GT;
＆LT; /＆的FrameLayout GT;
 

根据您的需要做出的WebView圆

设置填充。

Is it possible to do a circular container layout in Android? I'm trying to do a circular container for a WebView to show an effect like in the image:

In iOS I could do it by UIViewController layers:

CALayer *myLayer = self.layer;
[myLayer setCornerRadius:frame.size.width/2];
[myLayer setBorderWidth:LINE_THICKNESS];
[myLayer setMasksToBounds:YES];

Is there something similar in Android to do it?

解决方案

<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingTop="10dip"
    android:paddingBottom="10dip"
    android:paddingLeft="1dip"
    android:paddingRight="1dip"
    android:background="@drawable/white_rounded_area"
    >
        <WebView
            android:id="@+id/web_view"
            android:layout_width="300dip"
            android:layout_height="400dip"
            android:layout_gravity="center"
        />
</FrameLayout>

Set padding according to your need to make webview round.

这篇关于圆形容器布局的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！