Android开发 ---如何操作资源目录中的资源文件2

时间：2023-01-06 03:13:58

Android开发 ---如何操作资源目录中的资源文件2

一、颜色资源管理

效果图：

　　描述：

　　　　1、改变字体的背景颜色

　　　　2、改变字体颜色

　　　　3、改变按钮颜色

　　　　4、图像颜色切换

　　操作描述：

　　　　点击（1）中的颜色资源管理，进入（2），点击（2）中的微信字样，会出现（3）的效果

　　　　点击（1）中的颜色资源管理2，进入（4），点击（4）中的菜单按钮，菜单按钮的图片和字体的颜色会随之改变

　　Android开发 ---如何操作资源目录中的资源文件2

　　　　　　　　　　　　（1）

Android开发 ---如何操作资源目录中的资源文件2Android开发 ---如何操作资源目录中的资源文件2Android开发 ---如何操作资源目录中的资源文件2

　　　　　　　　　（4）　　　　　　　　　　　　　　　　　　　　　　　　　　（2）　　　　　　　　　　　　　　　　　　　　　　　　　　　（3）

1、activity_main.xml

　　描述：

　　　　在MainActivity中画出两个按钮“颜色资源管理”和“颜色资源管理2”

<?xml version="1.0" encoding="utf-8"?>

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

    android:id="@+id/activity_main"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical">

    <Button

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:id="@+id/btn1"

        android:text="颜色资源管理"

        android:onClick="test_1"

        />

    <Button

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="颜色资源管理2"

        android:onClick="test_2"

        />

</LinearLayout>

2、MainActivity.java

　　描述：

　　　　在MainActivity中点击两个按钮可分别进行页面跳转

package com.example.android_colorresoucesdemo;

import android.app.Activity;

import android.content.Intent;

import android.graphics.Typeface;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

public class MainActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

    }

    public void test_1(View view){

        Intent intent = new Intent(this,ColorActivity.class);

        startActivity(intent);

    }

    public void test_2(View view){

        Intent intent = new Intent(this,WeixinMenuActivity.class);

        startActivity(intent);

    }

}

3、activity_color.xml

　　描述：　

　　　　第一个TextView中：

　　　　　　背景引用的是系统颜色

　　　　　　字体颜色引用的是res目录下values包中color.xml文件中定义的颜色　　

　　　　第二个TextView中：

　　　　　　文本颜色引用的是res目录下values包中color.xml文件中定义的颜色

　　　　第三个TextView中：

　　　　　　并不是通过xml文件来设置字体颜色的而是通过在Activity中使用代码的方式设置文本颜色

　　　　　　　　　

<?xml version="1.0" encoding="utf-8"?>

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

    android:id="@+id/activity_color"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    >

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:id="@+id/showText"

        android:text="这里是颜色资源的使用"

        android:textSize="30sp"

        android:background="@android:color/holo_blue_light"

        android:textColor="@color/colorAccent"

        />

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="navicat颜色"

        android:textSize="25sp"

        android:textColor="@color/navicat_color"

        />

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:id="@+id/changeColor"

        android:text="代码设置颜色"

        android:textSize="25sp"

        />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="我像不像微信"

        android:textColor="@color/btn_text_color"

        android:textSize="25sp"

        />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:id="@+id/btn1"

        android:text="微信"

        android:textColor="@color/btn_text_color"

        />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:id="@+id/btn2"

        android:text="微信"

        android:textColor="@color/btn_text_color"

        />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:id="@+id/btn3"

        android:text="微信"

        android:textColor="@color/btn_text_color"

        android:drawableLeft="@drawable/btn_image_menu"

        />

</LinearLayout>

4、ColorActivity.java　　

　　描述：

　　　　通过代码的方式设置文本颜色有两种方式：

　　　　　　　　1、通过ARGB的方式设置文本颜色

　　　　　　　　2、通过引入资源文件中的资源的方式设置文本颜色

　　　　给按钮设置图标，即如何将图像设置在按钮上。

　　　　

package com.example.android_colorresoucesdemo;

import android.app.Activity;

import android.graphics.Color;

import android.graphics.drawable.Drawable;

import android.os.Bundle;

import android.widget.Button;

import android.widget.TextView;

public class ColorActivity extends Activity {
　　//通过代码设置文本颜色

    private TextView changeColor;

    private Button btn1,btn2;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_color);

        changeColor = (TextView)findViewById(R.id.changeColor);
　　　　　//通过ARGB模式设置文本颜色，参数分别代表，红色值、黄色值、蓝色值、透明度

        //changeColor.setTextColor(Color.argb(225,225,0,0));
　　　　　//通过资源引入的方式设置文本颜色
　　　　　//将id为changeColor的TextView的文本颜色设置为资源文件中定义的颜色

        changeColor.setTextColor(getResources().getColor(R.color.colorAccent));

　　　　　//获取两个按钮

        btn1 = (Button)findViewById(R.id.btn1);

        btn2 = (Button)findViewById(R.id.btn2);

　　　　　
　　　　　//读取资源文件中的图片文件w4.jpg　

        Drawable image = getResources().getDrawable(R.drawable.w4);
　　　　　//四个参数的含义:x、y、width、height

        image.setBounds(0,0,65,65);
　　　　　//可以给按钮在上下左右设置图标，如果不想在某个地方显示，则设置为null.但是Drawable必须已经setBounds(Rect),意思是你要添加的资源必须已经设置过初始位置、宽和高等信息。

        btn1.setCompoundDrawables(image,null,null,null);

        Drawable image2 = getResources().getDrawable(R.drawable.w5);

        image2.setBounds(0,0,65,65);

        btn2.setCompoundDrawables(image2,null,null,null);

    }

}

5、activity_weixin_menu.xml

　　描述：

　　　　1、用了相对布局

　　　　2、相对布局中用了线性水平布局

　　　　3、RadioGroup原本是用来设置单选按钮的，这里则将单选按钮设置成图像按钮，实现了按钮的切换操作

　　拓展：　　　

    1. android:layout_above="@id/xxx"  --将控件置于给定ID控件之上

    2. android:layout_below="@id/xxx"  --将控件置于给定ID控件之下

    3. android:layout_toLeftOf="@id/xxx"  --将控件的右边缘和给定ID控件的左边缘对齐

    4. android:layout_toRightOf="@id/xxx"  --将控件的左边缘和给定ID控件的右边缘对齐

    5. android:layout_alignLeft="@id/xxx"  --将控件的左边缘和给定ID控件的左边缘对齐

    6. android:layout_alignTop="@id/xxx"  --将控件的上边缘和给定ID控件的上边缘对齐

    7. android:layout_alignRight="@id/xxx"  --将控件的右边缘和给定ID控件的右边缘对齐

    8. android:layout_alignBottom="@id/xxx"  --将控件的底边缘和给定ID控件的底边缘对齐

    9. android:layout_alignParentLeft="true"  --将控件的左边缘和父控件的左边缘对齐

    10. android:layout_alignParentTop="true"  --将控件的上边缘和父控件的上边缘对齐

    11. android:layout_alignParentRight="true"  --将控件的右边缘和父控件的右边缘对齐

    12. android:layout_alignParentBottom="true" --将控件的底边缘和父控件的底边缘对齐

    13. android:layout_centerInParent="true"  --将控件置于父控件的中心位置

    14. android:layout_centerHorizontal="true"  --将控件置于水平方向的中心位置

    15. android:layout_centerVertical="true"  --将控件置于垂直方向的中心位置

<?xml version="1.0" encoding="utf-8"?>

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

    android:id="@+id/activity_weixin_menu"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    >

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:id="@+id/WeixinMenu"

        android:orientation="horizontal" <!--线性水平布局-->

        android:background="@android:color/holo_orange_light"

        android:layout_alignParentBottom="true" <!--避免弹出输入法扰乱布局-->

        >

        <RadioGroup

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:checkedButton="1"

            android:layout_marginTop="5dp"

            android:orientation="horizontal"

            android:id="@+id/radioGroup"

            >

            <RadioButton

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:id="@+id/rad_1"

                android:text="微信"

                android:layout_weight="1"

                android:button="@null"

                android:clickable="true"

                android:gravity="center"

                android:textStyle="bold"

                android:textColor="@color/btn_text_color"

                android:drawableTop="@drawable/btn_image_menu"

                />

            <RadioButton

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:id="@+id/rad_2"

                android:text="通讯录"

                android:layout_weight="1"

                android:button="@null"

                android:clickable="true"

                android:gravity="center"

                android:textStyle="bold"

                android:textColor="@color/btn_text_color"

                android:drawableTop="@drawable/btn_image_menu"

                />

            <RadioButton

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:id="@+id/rad_3"

                android:text="发现"

                android:layout_weight="1"

                android:button="@null"

                android:gravity="center"

                android:textStyle="bold"

                android:clickable="true"

                android:textColor="@color/btn_text_color"

                android:drawableTop="@drawable/btn_image_menu"

                />

            <RadioButton

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:id="@+id/rad_4"

                android:text="我"

                android:layout_weight="1"

                android:button="@null"

                android:clickable="true"

                android:gravity="center"

                android:textStyle="bold"

                android:textColor="@color/btn_text_color"

                android:drawableTop="@drawable/btn_image_menu"

                />

        </RadioGroup>

    </LinearLayout>

</RelativeLayout>

6、WeixinMenuActivity.java

　　描述：

　　　　1、先获取到按钮

　　　　2、将每个按钮分别传入到setDrawableTop()方法中，

　　　　3、通过getCompoundDrawables()[1]  获取RedioButton上方向的图片

　　　　　　数组0,1,2,3,对应着左，上，右，下

　　　　4、设置图像的宽和高为70

package com.example.android_colorresoucesdemo;

import android.app.Activity;

import android.graphics.drawable.Drawable;

import android.os.Bundle;

import android.widget.RadioButton;

public class WeixinMenuActivity extends Activity {

    RadioButton rb1,rb2,rb3,rb4;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_weixin_menu);

        rb1 = (RadioButton)findViewById(R.id.rad_1);

        rb2 = (RadioButton)findViewById(R.id.rad_2);

        rb3 = (RadioButton)findViewById(R.id.rad_3);

        rb4 = (RadioButton)findViewById(R.id.rad_4);

　　　　　//调用下面定义的setDrawableTop()方法

        setDrawableTop(rb1);

        setDrawableTop(rb2);

        setDrawableTop(rb3);

        setDrawableTop(rb4);

    }

    public  void setDrawableTop(RadioButton tv){
　　　　　//数组0,1,2,3,对应着左，上，右，下

        Drawable drawable = tv.getCompoundDrawables()[1];

        drawable.setBounds(0,0,70,70);
　　　　　//动态的画左上右下四个方向，上面代码drawable.setBounds()初始化了图像的位置，现在将drawable放在第二个参数上，代表放在View的上面的位置上

        tv.setCompoundDrawables(null,drawable,null,null);

    }

}

7、在res目录下创建一个color包，color包中创建一个btn_text_color.xml文件

Android开发 ---如何操作资源目录中的资源文件2

btn_text_color.xml

　　描述：

　　　　android:state_checked="false" 表示按钮没有被点击时显示的颜色

　　　　android:state_checked="true" 表示按钮被点击时按钮显示的颜色

　　　如何引用这个资源呢？

　　　　　只需在xml文件对应的按钮中使用 android:textColor="@color/btn_text_color"

<?xml version="1.0" encoding="utf-8"?>

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

    <item android:color="#002200" android:state_checked="false"/>

    <item android:state_checked="true" android:color="@color/navicat_color"/>

</selector>

8、在res目录下的drawable包中创建一个btn_image_menu.xml文件，且在包内放置两张图片

Android开发 ---如何操作资源目录中的资源文件2

Android开发 ---如何操作资源目录中的资源文件2Android开发 ---如何操作资源目录中的资源文件2

w4.jpg　　　　　 w5.jpg

btn_image_menu.xml

　　描述：

　　　　android:state_checked="false" 表示没有点击这个图像时默认显示的图片就是它

　　　　android:state_checked="true" 表示当点击了这个图像时图像显示的样子

<?xml version="1.0" encoding="utf-8"?>

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

    <item android:state_checked="false"

        android:drawable="@drawable/w4"

        />

    <item android:state_checked="true" android:drawable="@drawable/w5"/>

</selector>

9、在res目录下的values包中修改color.xml文件和styles.xml文件

color.xml

<?xml version="1.0" encoding="utf-8"?>

<resources>

    <color name="colorPrimary">#3F51B5</color>

    <color name="colorPrimaryDark">#303F9F</color>

    <color name="colorAccent">#FF4081</color>

    <color name="navicat_color">#63CF10</color>

</resources>

styles.xml

<resources>

    <!-- Base application theme. -->

    <style name="AppTheme" parent="android:Theme.Holo.Light.DarkActionBar">

        <!-- Customize your theme here. -->

    </style>

    <style name="MyTheme" parent="android:Theme.Holo.Light.DarkActionBar">

        <item name="android:buttonStyle">@style/MyButtonStyle</item>

        <item name="android:textViewStyle">@style/MyTextViewStyle</item>

    </style>

    <style name="MyButtonStyle" parent="android:Widget.Button">

        <item name="android:textSize">25dp</item>

        <item name="android:textColor">@color/btn_text_color</item>

        <item name="android:clickable">true</item>

    </style>

    <style name="MyTextViewStyle" parent="android:Widget.TextView">

        <item name="android:textSize">20dp</item>

        <item name="android:textColor">@color/colorAccent</item>

    </style>

</resources>
//四个参数含义：x、y、width、height

相关文章