android res资源 drawable自定义背景 values格式

不羁岁月 提交于 2019-12-07 08:26:52

res anim 动画目录

left_in.xml  

scale.xml


drawable 自定义动画目录

red_button_bg.xml

circle_button_bg.xml


drawable-xhdpi  放资源文件图片

layout  放布局文件图片

raw     音频、数据库等资源文件

xml     自定义的xml文件

values string、dimens、colors

           values直接放上所有的资源

login_string.xml

login_colors..xml

login_dimens.xml

login_styles.xml

login_values.xml

values values的xml格式

<resources xmlns:android="http://schemas.android.com/apk/res/android">
    <string name="expectant_title">待产包</string>
    <color name="line_separate">#e0e0e6</color>
    <dimen name="height_size">18dp</dimen>
    
    <style name="text_hui">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">37dp</item>
        <item name="android:background">@drawable/checkitem_shape</item>
        <item name="android:textSize">18sp</item>
        <item name="android:textColor">@color/text_dark</item>
        <item name="android:gravity">right|center_vertical</item>
        <item name="android:paddingRight">10sp</item>
    </style>
</resources>

anim 的格式

<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="200"
        android:fromYDelta="100%p"
        android:toYDelta="0"        
     />   
     <alpha
	android:fromAlpha="0.0"
	android:toAlpha="1.0"
	android:duration="200"
	/>     
</set>


drawable 的shape形状

可以在selector,layout等里面使用,有6个子标签,各属性如下:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"
    >
    
    <!-- 圆角 -->
    <corners        
        android:radius="9dp"
        android:topLeftRadius="2dp"
        android:topRightRadius="2dp"
        android:bottomLeftRadius="2dp"
        android:bottomRightRadius="2dp"/><!-- 设置圆角半径 -->
    
    <!-- 渐变 -->
    <gradient        
        android:startColor="@android:color/white"
        android:centerColor="@android:color/black"
        android:endColor="@android:color/black"
        android:angle="45"
        android:type="radial"
        android:centerX="0"
        android:centerY="0"
        />
    <!-- android:type
        渐变类型(取值:linear、radial、sweep)
        linear 线性渐变,这是默认设置
        radial 放射性渐变,以开始色为中心。
        sweep 扫描线式的渐变。
        -->
    <!-- android:angle 旋转角度 逆时针转动-->                                    
    
    <!-- 间隔 一般也不需要 -->
    <padding        
        android:left="2dp"
        android:top="2dp"
        android:right="2dp"
        android:bottom="2dp"/><!-- 各方向的间隔 -->
    
    <!-- 大小  -->
    <size        
        android:width="50dp"
        android:height="50dp"/>
    
    <!-- 填充颜色 -->
    <solid        
        android:color="@android:color/white"/>
    
    <!-- 描边  dash虚线-->
    <stroke        
        android:width="2dp"
        android:color="@android:color/black"
        android:dashWidth="1dp"
        android:dashGap="2dp"/>
    </shape>

android:shape="line" 划线

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="line"
    >
    <stroke 
        android:color="#00ff00"
        />
    <size 
        android:height="1dp"
	/>
</shape>

<!--虚线 -->
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="line"
    >
    <stroke 
        android:color="#00ff00"
        android:dashGap="3dp"
        android:dashWidth="1dp"
        />
    <size 
        android:height="1dp"
        />
</shape>

android:shape="rectangle" 矩形

<?xml version="1.0" encoding="UTF-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle" >
  
    <!-- 填充的颜色 -->
    <solid android:color="#FFFFFF" />
    <!-- 设置矩形的四个角为弧形 -->
     <!-- android:radius 弧形的半径 -->
     <corners android:radius="5dip" />
    <!-- 设置矩形的边框 如果边框颜色与填充颜色一致 不用写 -->
    <stroke
        android:width="1dp"
        android:color="#9ebce8"
        />

 </shape>

圆形带外环 shape="oval"

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval"
    >
    <solid android:color="#ff0000"/>
    <stroke
        android:width="1dp"
        android:color="#00ff00"/>
    <size android:width="40dp"
          android:height="40dp"/>
</shape>
    <!-- 渐变的图层 -->
    <gradient  
        android:centerColor="#FFFF00"  
        android:endColor="#FF0000"  
        android:gradientRadius="70"  
        android:startColor="#7B68EE"  
        android:type="radial"  
        android:useLevel="false" />

圆环ring

<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:innerRadius="0dp"
       android:shape="ring"
       android:thickness="49dp"
       android:useLevel="false" >
       
       <!-- innerRadius 内环设为0 如果不是0 总的环大小为 内环加外环 -->
       <!-- thickness 外环的半径 -->
    <!-- 填充颜色 -->
    <solid android:color="#00ff00" />
    <!-- 描边 -->
    <stroke android:width="1dp"
            android:color="#FFFFFF"/>
</shape>
    <!-- 替换solid 就变成渐变的-->
    <gradient
        android:startColor="#ffdada"
        android:endColor="#ff7777"
        android:angle="270" />

线性渐变背景 

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:startColor="#ffdada"
        android:endColor="#ff7777"
        android:angle="270" />
</shape>

selector点击不同背景

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item 
        android:state_pressed="false"
        >
        <shape>
            <corners android:radius="4dp"/>
            <gradient android:startColor="@color/app_main_color" android:endColor="@color/app_main_color"/>
        </shape>
    </item>
        
    <item 
        android:state_pressed="true"
        >
        <shape>
            <corners android:radius="4dp"/>
            <gradient android:startColor="@color/app_subject_color_backgroud_grey" android:endColor="@color/app_subject_color_backgroud_grey"/>
        </shape>
    </item>
</selector>

2种
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item 
        android:state_pressed="false"
        android:drawable="@drawable/nomal"
        >
    <item 
        android:state_pressed="true"
        android:drawable="@drawable/press"
        >
 </selector>

listview driver设置间距

<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
    android:insetLeft="16dp"
    >
    <shape android:shape="rectangle" >
        <solid android:color="#e6e6e6" />
    </shape>
</inset>

android:insetLeft="16dp" 左边距16dp

 layer-list将多个图层折叠起来

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
 
    <!-- 背景  底层1 -->
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="5dp" />
            <solid android:color="@color/app_subject_color_grey" />
        </shape>
    </item>
    
    <!-- 进度条 浮在底层上的图层-->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <solid android:color="#FF8080" />
            </shape>
        </clip>
    </item>
 
</layer-list>

设置引用

     android:background="@drawable/shape"



易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!