美文网首页Android技术知识Android开发Android开发
EditText为自己绘制一个长方形边框

EditText为自己绘制一个长方形边框

作者: android_Pie | 来源:发表于2020-03-12 14:58 被阅读0次
    image.png

    使用选择器来设计焦点选中时与未选中时的边框

     <EditText 
            android:id="@+id/editText3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:hint="please input"
            android:background="@drawable/edittext_selector_1"
            />
    
    
    res/drawable/edittext_selector_1.xml
    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android" >
        <item android:drawable="@drawable/edittext_shape_2" android:state_focused="true"/>选中时的边框颜色
        <item android:drawable="@drawable/edittext_shape_1"/>未选中时的边框颜色
    </selector>
    
    
    
    edittext_shape_1.xml
    <?xml version="1.0" encoding="utf-8"?>
    <!-- 用于绘制图形的一个xml元素 -->
    <shape xmlns:android="http://schemas.android.com/apk/res/android" >
       <!-- 绘制图形背景色 -->
       <solid android:color="@android:color/white"/> 
       <corners android:radius="@dimen/radius"/>四个角的弧度
       <!-- 借助此属性描绘边框 -->
       <stroke 
           android:width="3dp"
           android:color="@android:color/holo_green_dark"/>
       <padding android:left="10dp" android:right="10dp" android:top="10dp" android:bottom="10dp"/>
       <!-- 定义渐变颜色 -->
       <!--  
       <gradient android:startColor="" android:endColor="" />
       -->
    </shape>
    
    
    
    
    
    res\drawable\edittext_shape_2.xml
    <?xml version="1.0" encoding="utf-8"?>
    <!-- 用于绘制图形的一个xml元素 -->
    <shape xmlns:android="http://schemas.android.com/apk/res/android" >
       <!-- 绘制图形背景色 -->
       <solid android:color="#FFFFFFFF"/> 
       <corners android:radius="20dp"/>
       <!-- 借助此属性描边 -->
       <stroke 
           android:width="3dp"
           android:color="#FFFF0000"/>
       <padding android:left="10dp" android:right="10dp" android:top="10dp" android:bottom="10dp"/>
    </shape>
    
    

    相关文章

      网友评论

        本文标题:EditText为自己绘制一个长方形边框

        本文链接:https://www.haomeiwen.com/subject/jmnujhtx.html