Android 按钮与文字在一起,使用drawableTop(xml)

最近,需要维护一个同事的android apk, 实现多语言,需求要实现以下这样的效果:

分别为正常与点击后的效果,文字要跟着点击,变更颜色

计算,这个是可以实现为多语言的,故网上查了一下资料,找到anroid下的Button, TextView,ImageButton都可以使用 drawableTop指定图片的位置。

但是,有一个问题,需要解决,就是图片的大小,无法指定,故需要引入 “layer-list” 指定大小,这样就不需要写代码了,下面直接上相关文件与代码:

1) 指定图片的大小,正常与点击时,使用不同的图片

Android 按钮与文字在一起,使用drawableTop(xml)_第1张图片

 calculate.xml:指出正常与点击时,需要使用不同的图片



    
    

calculate_nor.xml :“layer-list” 指定大小



    

calculate_pre.xml



    

 2)指定正常与点击时,文字颜色不一样:

button_text_color.xml :指定使用不同的颜色



    
    

    
    

 res/values/colors.xml 的颜色内容如下:



    #008577
    #1B82D2
    #D81B60
    #969696

 3) 将上面的组合在一起:这里使用一下layout将它们合成一起

Android 按钮与文字在一起,使用drawableTop(xml)_第2张图片

 layout_bottom.xml:

可以看出下面的 这两行,使用了上面所用的文件

android:drawableTop="@drawable/calculate"
android:textColor="@drawable/button_text_color"




    

 最后的效果为:

 

你可能感兴趣的:(android,xml,java)