属性介绍:

image 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>