android开发小技巧(2)背景按钮等布局的好朋友shape应用

最新推荐文章于 2024-03-25 21:50:54 发布

天冷好个秋

最新推荐文章于 2024-03-25 21:50:54 发布

阅读量637

点赞数

分类专栏： androidshape布局文章标签： android shape用法 andr

本文链接：https://blog.csdn.net/w304970865rui/article/details/44060581

版权

androidshape布局专栏收录该内容

2 篇文章 0 订阅

订阅专栏

现在给大家说说android中我布局文件一定会用到的一个小技巧：shape

说到这个东西，本人也是醉了，因为本人是自学的android，开始的时候按钮按下松开这种效果是整俩图片放项目里，用这种

backImgBut.setOnTouchListener(new OnTouchListener() {
   @Override
   public boolean onTouch(View v, MotionEvent event) {
    if (event.getAction() == MotionEvent.ACTION_DOWN) {
     // 更改为按下时的背景图片
     ((ImageButton) v).setImageDrawable(getResources()
       .getDrawable(R.drawable.return_down));
    } else if (event.getAction() == MotionEvent.ACTION_UP) {
     // 改为抬起时的图片
     ((ImageButton) v).setImageDrawable(getResources()
       .getDrawable(R.drawable.return_normal));
    }
    return false;
   }
  });

这种本办法弄成动画，然后到公司之后，领导说，你这样不行，太占资源了，用用shape。然后才知道还有这么好用的技术。然后就一发不可收拾，界面基本上都是用上了shape。这个东西相当于美化按钮，布局什么的，挺有用的，我这里大致写一些，大家可以去搜索一下，有很多文章介绍。废话不说了。先上一张图

这个按钮用shape写的，具体是这样的：代码

shezhi_btn_selector这个文件就是大功臣，看看都有啥：代码

<?xml version="1.0" encoding="utf-8"?>
<selector
   xmlns:android="http://schemas.android.com/apk/res/android">


<item android:state_pressed="true" >
    <shape>
       
          <gradient
             android:startColor="#ff3200"
             android:endColor="#ff3200"
             android:angle="270" />
       
        
        <corners
            android:radius="2dp" />
        <padding
            android:left="0dp"
            android:top="0dp"
            android:right="0dp"
            android:bottom="0dp" />
     </shape>
</item>


   <item android:state_focused="true" >
      <shape>
          <gradient
             android:startColor="#ff3200"
             android:endColor="#ff3200"
             android:angle="270" />

          
         <corners
              android:radius="2dp" />
         <padding
             android:left="0dp"
              android:top="0dp"
              android:right="0dp"
              android:bottom="0dp" />
      </shape>
   </item>

   
<item>
       <shape>

          <gradient
             android:startColor="#ff3333"
             android:endColor="#ff3333"
             android:angle="270" />
           
           <corners
               android:topRightRadius="2dp"
               android:bottomLeftRadius="2dp"
              android:topLeftRadius="2dp"
               android:bottomRightRadius="2dp"
          />
          <padding
              android:left="0dp"
               android:top="0dp"
               android:right="0dp"
               android:bottom="0dp" />
      </shape>
   </item>
</selector>

里面的各项我就不解释了，就说说用法。比如

1：我把   
        <corners
            android:radius="2dp" /> 改为 <corners
            android:radius="10dp" /> 看看效果

<corners
               android:topRightRadius="10dp"
               android:bottomLeftRadius="10dp"
              android:topLeftRadius="10dp"
               android:bottomRightRadius="10dp"
          /> 就等于 <corners
              android:radius="2dp" /> 只不过是分开了，上下左右，大家可以分别设置一下试试，每个角都可以不同。

-------------------------------------------------------------------------------------------------------传说中的分割线------------------------------------------------------------------------------------------------

颜色就不说了，在这里修改就行 <gradient
             android:startColor="#ff3200"
             android:endColor="#ff3200"
             android:angle="270" />   解释一下，如果android:startColor="#ff3200"//红色 android:endColor="#008000" //绿色就是这种效果：

明白了吧，你可以把按下的startColor endColor两种颜色设置相反，就可以得到这种效果：常态

按下的时候：

比图片方便多了吧。

-------------------------------------------------------------------------------------传说中的分割线---------------------------------------------------------------------------------------------------------------------------

然后布局文件也可以用，看看布局文件：

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

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

     
<solid android:color="#8B4513" />


<corners android:topLeftRadius="10dp"
  android:topRightRadius="10dp"
  android:bottomRightRadius="10dp"
  android:bottomLeftRadius="10dp"/>



<stroke
  android:width="5dp"
  android:color="#8FBC8F" />

</shape>