当前位置: 代码迷 >> Android >> android界面设计小结
  详细解决方案

android界面设计小结

热度:8   发布时间:2016-05-01 11:09:53.0
android界面设计总结

1.android中的触摸模式和非触摸模式

    触摸模式(Touch Mode),在Android SDK的官方文档中有详细解释(http://developer.android.com/resources/articles/touch-mode.html),其大概内容如下:

·         用户通过触摸屏操作设备时,设备将自动进入触摸模式,相对的,使用键盘、轨迹球等其他设备时,设备处于非触摸模式
·         进入触摸模式后,View将失去焦点(Focus)和选择(Selection)状态(文本输入框是例外),原因是Android的设计者没有好的办法解决同时操作触摸屏和轨迹球、键盘等外部设备所带来的混乱状态
·         Android的设计者认为进入触摸模式后,View失去焦点和选择状态不是一个需要修正的问题,开发者也不应该在触摸模式中试图保持View的焦点或选择状态,可以使用CheckBox或RadioButton等控件来标识选择状态。这种设计策略可以说完全是从工程师的思维而不是从用户的需求去考虑问题。
 
2.selector属性总结
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
<!-- 默认时的背景图片-->  
  <item android:drawable="@drawable/pic1" />    
<!-- 没有焦点时的背景图片 -->  
  <item android:state_window_focused="false"   
        android:drawable="@drawable/pic1" />   
<!-- 非触摸模式下获得焦点并单击时的背景图片 -->  
  <item android:state_focused="true" android:state_pressed="true"   android:drawable= "@drawable/pic2" /> 

<!-- 触摸模式下单击时的背景图片-->  

<item android:state_focused="false" android:state_pressed="true"   android:drawable="@drawable/pic3" />  

<!--选中时的图片背景-->  

  <item android:state_selected="true"   android:drawable="@drawable/pic4" />   

<!--获得焦点时的图片背景-->  

  <item android:state_focused="true"   android:drawable="@drawable/pic5" />   
</selector>

 

3、更换ExpandableListView右边的箭头(小图标)的疑问

      第一个方法: 网上许多说到在ExpandableListView的布局xml中的groupInd[email protected]/***,我试过,可行,代码如下:

首先在drawable的文件夹下建立自定义选择布局属性的xml文件:ex_smallimage.xml

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_expanded="false"
          android:drawingCacheQuality="auto"
        android:drawable="@drawable/la"/>     这里la是下拉图标
    <item android:state_expanded="true"
        android:drawingCacheQuality="auto"
     android:drawable="@drawable/shou"/> 这里shou是收回图标
</selector>

然后在ExpandableListView的groupIndicator设为:android:groupIndicator="@drawable/ex_smallimage"

这样做了可行,但是有个问题,就是图标总是随group的大小而拉伸,不会缩放:

那么我调了xml的group代码之后,可以勉强达到自己要求的效果,但是这样的代码没有弹性,换张图片还得改布局。。。如果有知道如何设置图标的大小告诉我咯~呵呵。。

方法二:经过上面的尝试,我禁掉了groupIndicator属性,然后再在group的xml中加入ImageView,这样可以控制我的图片的缩放和位置的更改,代码:

android:groupIndicator="@null"这里非常重要,禁用系统自带的图标

再在group的xml中设置ImageView,这个简单,然后在适配器的getGroupView中加入图片变换的效果:

public View getGroupView(int groupPosition, boolean isExpanded,
   View convertView, ViewGroup parent) {

     // TODO Auto-generated method stub

…… 

           ImageView mgroupimage=(ImageView)convertView.findViewById(R.id.mGroupimage);
           mgroupimage.setImageBitmap(mla);
           if(!isExpanded){
                  mgroupimage.setImageBitmap(mshou);
            }

……

}

  相关解决方案