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

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

  



一、颜色资源管理

效果图:

  描述:

    1、改变字体的背景颜色

    2、改变字体颜色

    3、改变按钮颜色

    4、图像颜色切换

  操作描述:

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

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

  威尼斯官方网站 1

            (1)

**威尼斯官方网站 2威尼斯官方网站 3威尼斯官方网站 4**

 

         (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” 
      –将控件置于垂直方向的中心位置


    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>
    

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文件

威尼斯官方网站 5

 

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文件,且在包内放置两张图片

威尼斯官方网站 6

 

威尼斯官方网站 7威尼斯官方网站 8

          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

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章