Android学习记录：界面设计

本片文章将记录进行android界面开发时积累的知识

包括

• activity全屏
• activity跳转
• button设计
• 逐个输入编辑框设计

d0710 合并旧文章总结更新

d0721 添加内容

==========================================================================

• 设置App全屏的几种方法

  • 最直接的是在一个activity的建立onCreate方法下，在super.onCreate()和setContentView()之间加入以下语句：

    requestWindowFeature(Window.FEATURE_NO_TITLE);
    setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
    getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams. FLAG_FULLSCREEN);

  • 还可以直接在AndroidManifest中application中加入以下语句：android:theme=”@style/AppTheme”

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        ...
    </application>

  但是第二种方法会调用系统的主题，需要自己设置字体、颜色等参数，而且Android：Onclick有可能失效，需要手动添加监听器。

• activity 跳转的几种方法

  • 淡入淡出

  • 系统自带动画
    
    在intent开始后，可以加入

        Intent intent = new Intent(this,StorySel.class);
    startActivity(intent);
    this.overridePendingTransition(android.R.anim.fade_in, android.R.anim.fade_out);

  • 自己写淡入淡出的动画
    
    alpha_in.xml

    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android">
      <alpha
    android:fromAlpha="0.0"
    android:toAlpha="1.0"
    android:duration="1500"  />
    </set>
    <!--
      fromAlpha:开始时透明度
      toAlpha： 结束时透明度
      duration：动画持续时间
    -->

  alpha_out可以根据其上写出，参数可以自行修改。

  • 左右滑入滑出
    
    left_in.xml

    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator"
    >
    <translate
    android:duration="200"
    android:fromXDelta="-100%"
    android:toXDelta="0" />
    </set>
    <!--
    duration: 动画时间
    fromXDelta:开始时X
    toXDelta:结束时X
    -->

• 按钮设计

  • 利用PS绘出PNG格式的Button，并设置为ImageButton

  • 利用xml描述文件绘制Button
    
    圆角矩形button设计如下
    
    mybtn.xml

    <?xml version="1.0" encoding="UTF-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
      <item android:state_pressed="false">
             <shape android:shape="rectangle" >
              <!-- 填充的颜色 -->
              <solid android:color="#FFA500"></solid>
              <!-- 设置按钮的四个角为弧形 -->
              <!-- android:radius 弧形的半径 -->
              <corners android:radius="15dip" />
              <!-- padding：Button里面的文字与Button边界的间隔 -->
              <padding android:bottom="2dp" android:left="2dp" android:right="2dp" android:top="2dp" />
          </shape>
      </item>
      <item android:state_pressed="true">
       <shape android:shape="rectangle">
              <solid android:color="#FFDEAD" />
              <corners android:radius="15dip" />
           </shape>
      </item>
    </selector>

    在对应的button中加入语句即可

    android:background="@drawable/mybtn"

    效果如图：
    
    

  • 扁平化风格按钮库:FButton

    GitHub https://github.com/hoang8f/android-flat-button

    效果图：
    
    
    
    具体配置可以参考文章:http://blog.csdn.net/jack_king007/article/details/43867105

• 逐个输入编辑框设计
  
  效果图如下
  
  
  
  大体思路为利用OnKeyListener来监听回退键，利用TextChangedListener来监听文本的变化。
  
  为这组EditText均加入这两个监听器。
  
  建立一个方法，从这些EditText集合中获取总的文本。同时也可以获取输入的个数。
  
  EditText提供了setFocusableInTouchMode、setFocusable与requestFocus。当需要跳转到下一个时，可以这样写：

  nextEditText.setFocusableInTouchMode(true);
  nextEditText.setFocusable(true);
  nextEditText.requestFocus();
  preEditText.setFocusableInTouchMode(false);
  preEditText.setFocusable(false);

  我的解决方案是，在TextChangedListener中的afterTextChanged方法中监听文本框的向后跳转。在OnKeyListener中监听Del键，从而实现相前跳转。(Google官方的软键盘监听不到Del键，可以参考其他博客，重写EditText来解决)