android res資源 drawable自定義背景 values格式

時間 2019-11-11

標籤 android res 資源 drawable 自定義背景 values 格式欄目 Android 简体版

原文原文鏈接

res	anim 動畫目錄	left_in.xml android scale.xml數據庫
	drawable 自定義動畫目錄	red_button_bg.xmlapp circle_button_bg.xml佈局
	drawable-xhdpi 放資源文件圖片
	layout 放佈局文件圖片
	raw 音頻、數據庫等資源文件
	xml 自定義的xml文件
	values string、dimens、colors動畫 values直接放上全部的資源ui	login_string.xmlspa login_colors..xml3d login_dimens.xmlcode login_styles.xmlorm 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"