观看此文注意
首先有的UI改颜色,没用,发现无法更改按钮背景颜色。
我的AS下载的是最新版本,Button按钮的背景颜色一直都是亮紫色,无法更改。
为什么呢?
首先在你的清单文件中看你应用的是哪个主题。
我现在用的是这个
可能你的主题用的是上面的默认的原因。
方法一:
将app/res/themes目录下默认的themes代码加上.Bridge即可。
修改前
<style name="Theme.IntelligentWatch" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
修改后
<style name="Theme.IntelligentWatch" parent="Theme.MaterialComponents.DayNight.DarkActionBar.Bridge">
方法二:
自己定义一个主题,就是类似(我用的),但是我这个是没有ActionBar标题栏的,你需要自己再去定义一个标题栏,然后去清单文件中使用自己定义的主题。
<style name="Theme.IntelligentWatch.NoActionBar">
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
</style>
创建res文件
首先我们创建一个res文件。
右键res文件夹
(一)Resource type:Values
都是放在res\values文件夹下。
其Root element(父节点):只有resources。
子元素@String
Alt+回车可以自动生成。
<resources>
<string name="title">登录</string>
<string-array name="ddd">
<item>"dddd"</item>
<item>"2222"</item>
</string-array>
</resources>
双引号可加可不加。
打印出来默认去除,如果想要双引号,则加上转义字符。
<string-array name="ddd">
<item>\"dddd\"</item>
<item>\"2222\"</item>
</string-array>
怎么使用呢?
在布局文件里:@String
在Java文件里:getResources().getStringArray(...)
2.子元素@Color
一般是在XML布局文件中使用。
组成部分:# +透明度+红+绿+蓝(ARGB)
每个部分的值:0-256
<resources>
<color name="purple_200">#FFBB86FC</color>
<color name="purple_500">#FF6200EE</color>
<color name="purple_700">#FF3700B3</color>
<color name="teal_200">#FF03DAC5</color>
<color name="teal_700">#FF018786</color>
<color name="black">#FF000000</color>
<color name="white">#FFFFFFFF</color>
<color name="ivory">#EEEEEE</color>象牙白
<color name="blue">#3161EF</color>蓝色
<color name="gray">#B3B1B1</color>灰色
</resources>
3.子元素@dimen
尺寸。比如字体大小等等。
<resources>
<dimen name="fab_margin">16dp</dimen>
</resources>
(二)Resource type:Drawable
放在res\drawable文件夹下。
其Root element(父节点,这里叫做根元素):有很多,这里主要来讲解其中常用的几个。
根元素@shape
形状。在UI控件的background中设置。
比如我们想要为按钮创建一个背景。
android:shape="rectangle"
ring:圆环 oval:椭圆 rectangle:长方形 line:线
1)子元素@solid
中间内容填充的颜色。
2)子元素@corners
拐角的弯曲的弧度
3)子元素@size
大小。
4)子元素@stroke
描边,一般给EditText输入框给一个背景的时候会用到,这个中间不会填充。
5)子元素@gradient
线性渐变。
6)子元素@padding
间距。
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@color/white"/>
<corners android:radius="100dp"/>
</shape>
<Button
android:id="@+id/button_first"
android:layout_width="match_parent"
android:layout_height="50dp"
android:text="@string/title"
android:textSize="20dp"
android:textColor="@color/blue"
android:background="@drawable/loading_btn"
android:layout_margin="28dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/textview_first" />
一般设置在XML布局文件的UI控件的background里面,用@drawable/xxx就可以了。
根元素@selector
1)子元素@item
选择器。在UI控件的background中设置。
比如我们想要点击按钮的时候是蓝色,不点击的时候是黑色。
不写 android:state_pressed="false"也可以,因为默认是false。
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:drawable="@color/blue"/>
<item android:state_pressed="false" android:drawable="@color/black"/>
</selector>
根元素@animation-list
帧动画。
子元素@item
drawable:显示哪张图片。
duration:显示此图片的时间,以ms为单位。、
设置在background上。
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false">
<item android:drawable="@drawable/image01" android:duration="500"/>
<item android:drawable="@drawable/image02" android:duration="500"/>
<item android:drawable="@drawable/image03" android:duration="500"/>
</animation-list>
注意:动画需要启动,不然只会显示第一张图片。
Button button = (Button) findViewById(R.id.bt_001);
//把Drawable设置为button的背景,也可以设置为根布局的背景
button.setBackgroundResource(R.drawable.frame_animation);
//拿到这个我们定义的Drawable,实际也就是AnimationDrawable
AnimationDrawable anim = (AnimationDrawable) button.getBackground();
//开启动画
anim.start();
AnimationDrawable是一个Drawable的子类,所以我们定义的xml文件也是防在res/rawable目录下的。
anim.close();//关闭动画
(三)Resources type(文件夹):anim
New Animation Resources File 补间动画。
根元素@set
1)子元素@alpha
<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2000"
android:fromAlpha="1.0"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:toAlpha="0.0" />
从不透明变成透明,花费2秒钟。
interpolator表示动画插值器, 可以控制动画的变化速率, 比如前200ms很慢,中间600ms很快,最后200ms又很慢。
2)子元素@rotate
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegree="0"
android:toDegree="360"
android:pivotX = "50%"
android:pivotY="50%"
android:duration = "3000"/>
从0度转360度,转一圈。
轴点是中心,花费3秒。
3)子元素@scale
<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="1000"
android:fromXScale="0.0"
android:fromYScale="0.0"
android:pivotX="50%"
android:pivotY="50%"
android:toXScale="1.0"
android:toYScale="1.0"/>
0.0表示没有显示,1.0表示原始大小。
从0变到1,就是没显示到显示。
以左上角为原点进行移动,50%就是中心点位置。
从中间从远到近显示出来,花费一秒。
4)子元素@translate
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="1000"
android:fromXDelta="100"
android:fromYDelta="0"
android:toXDelta="0"
android:toYDelta="0"/>
fromXDelta:X方向的初始值是多少
fromYDelta:Y方向的初始值是多少
toXDelta:X方向的目标值是多少
pivot 属性主要在translate 和 scale 动画中,这两种动画都牵扯到view 的“物理位置“发生变化,所以需要一个参考点。 而pivotX和pivotY就共同决定了这个点;它的值可以是float或者是百分比数值。
以 pivotX 为例:
10:距离动画所在view自身左边缘10像素
10% :距离动画所在view自身左边缘 的距离是整个view宽度的10%
10%p:距离动画所在view父控件左边缘的距离是整个view宽度的10%
属性动画就不需要设置res文件了,
(四)特殊Resources type:Values
Style与Themes
根元素都是resources。
其实你可以发现这两个的子元素都是style,而且效果也差不多。
那这两个有什么区别呢?
1.style
针对某个控件,你可以为你的按钮,文字定制一个样式,属于比较小的点。
注意要加android:,不然不会生效,因为也不会报错。
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="MyBtnStyle" parent="Theme.MaterialComponents.DayNight.DarkActionBar.Bridge">
<item name="android:layout_height">50dp</item>
<item name="android:textSize">25dp</item>
<item name="android:textColor">@color/blue</item>
<item name="android:background">@drawable/loading_btn</item>
</style>
</resources>
在XML布局中使用的时候只需要在UI控件属性中加入下面这句话即可。
style="@style/MyBtnStyle"
style优先级<布局文件属性优先级
也就是说你在XML布局文件中再次写了字体颜色,会覆盖掉style里面的字体颜色。
2.themes
针对整个应用,app是一个怎么样的样式。
在最开始的观看此文有介绍。