您的位置:首页 > 产品设计 > UI/UE

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

2014-09-25 00:00 519 查看
摘要: android res资源文件目录 drawable values anim

resanim 动画目录left_in.xml scale.xml
drawable 自定义动画目录red_button_bg.xmlcircle_button_bg.xml
drawable-xhdpi 放资源文件图片
layout 放布局文件图片
raw 音频、数据库等资源文件
xml 自定义的xml文件
values string、dimens、colors values直接放上所有的资源login_string.xmllogin_colors..xmllogin_dimens.xmllogin_styles.xmllogin_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"
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息