属性介绍:

image

参数介绍

cornerSize:

cornerSizeTopLeft 左上弧度
cornerSizeTopRight 右上弧度
cornerSizeBottomRight 右下弧度
cornerSizeBottomLeft 左下弧度

cornerFamily：样式（ rounded 或 cut ）

cornerFamilyTopLeft
cornerFamilyTopRight
cornerFamilyBottomRight
cornerFamilyBottomLeft

案例1

image


<style name="circle">

        <item name="cornerFamily">rounded</item>

        <item name="cornerSize">50%</item>

 </style>

image


    <style name="round">

        <item name="cornerFamily">rounded</item>

        <item name="cornerSize">10dp</item>

    </style>

image


   <style name="cut">

       <item name="cornerFamily">cut</item>

       <item name="cornerSize">10dp</item>

   </style>

image


    <style name="round_toleftright">

        <item name="cornerFamilyTopLeft">rounded</item>

        <item name="cornerSizeTopLeft">10dp</item>

        <item name="cornerFamilyTopRight">rounded</item>

        <item name="cornerSizeTopRight">10dp</item>

    </style>

image


    <style name="round_tobutton">

        <item name="cornerFamilyBottomLeft">rounded</item>

        <item name="cornerSizeBottomLeft">10dp</item>

        <item name="cornerFamilyBottomRight">rounded</item>

        <item name="cornerSizeBottomRight">10dp</item>

    </style>

image


    <style name="rocke">

        <item name="cornerFamilyTopLeft">rounded</item>

        <item name="cornerFamilyTopRight">rounded</item>

        <item name="cornerSizeTopLeft">50%</item>

        <item name="cornerSizeTopRight">50%</item>

    </style>

image


    <style name="wateer">

        <item name="cornerFamilyBottomLeft">rounded</item>

        <item name="cornerFamilyBottomRight">rounded</item>

        <item name="cornerFamilyTopLeft">rounded</item>

        <item name="cornerFamilyTopRight">rounded</item>

        <item name="cornerSizeTopLeft">70%</item>

        <item name="cornerSizeTopRight">70%</item>

        <item name="cornerSizeBottomRight">25dp</item>

        <item name="cornerSizeBottomLeft">25dp</item>

    </style>

image

叶子
<style name="leaf">
         <item name="cornerFamily">rounded</item>

         <item name="cornerSizeTopLeft">50%</item>

         <item name="cornerSizeBottomRight">50%</item>

     </style>