Android学习记录：界面设计

2022-11-09 16:52:46

本片文章将记录进行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"

效果如图：

Android学习记录：界面设计

扁平化风格按钮库: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来解决)

码农公寓

相关文章