android手机用户界面小实例

1、获取手机屏幕分辨率

final DisplayMetrics dm = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);
System.out.println("手机分辨率:" + dm.widthPixels + "--" + dm.heightPixels);

2、控件跟随手指移动

首先在xml文件中对页面进行布局，在这里我们放置一个按钮，通过手指的移动来改变按钮的位置

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_02"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.whs.sample04.Activity02">

    <Button
        android:id="@+id/moveBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="测试"
        />

</RelativeLayout>

在Activity中进行具体的实现：

package com.example.whs.sample04;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutCompat;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;

//实现按钮的界面响应
public class Activity02 extends AppCompatActivity {

    int xSpan;  //在触控笔点击按钮的情况下相对于按钮自己坐标系的值
    int ySpan;
    private ViewGroup root;

    Button btn;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_02);

        root = (ViewGroup) findViewById(R.id.activity_02);
        btn = (Button)findViewById(R.id.moveBtn);
        btn.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                switch (motionEvent.getAction()){
                    case MotionEvent.ACTION_DOWN://按下
                        xSpan = (int)motionEvent.getRawX();
                        ySpan = (int)motionEvent.getRawY();
                        break;
                    case MotionEvent.ACTION_MOVE://移动

                        //获取手指移动到了哪个点坐标
                        int xMove = (int)motionEvent.getRawX();
                        int yMove = (int)motionEvent.getRawY();
                        //相对于上一个点，手指在x,y方向上分别移动的距离
                        int dx = xMove - xSpan;
                        int dy = yMove - ySpan;
                        //获取Button上一次各个边距离父控件的距离
                        int left = view.getLeft();
                        int right = view.getRight();
                        int bottom = view.getBottom();
                        int top = view.getTop();
                        //设置本次Button的上 下 左 右各边与父控件的距离
                        view.layout(left + dx,top + dy,right + dx,bottom + dy);
                        // 本次移动的结尾作为下一次移动的开始
                        xSpan = (int)motionEvent.getRawX();
                        ySpan = (int)motionEvent.getRawY();
                        break;
                    case MotionEvent.ACTION_UP:
                        break;
                }
                root.invalidate();
                return true;//如果返回true,从手指接触屏幕到手指离开屏幕，将不会触发点击事件。
            }
        });

    }

}

 3、更改手机屏幕显示方向

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_15"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.whs.sample04.Activity15">

    <RadioGroup
        android:id="@+id/RadioGroup01"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
        <RadioButton
            android:id="@+id/radioButton01"
            android:text="竖屏"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <RadioButton
            android:id="@+id/radioButton02"
            android:text="横屏"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />


    </RadioGroup>



</LinearLayout>

主要通过android.app.activity.getRequestedOrientation()来感知屏幕的状态，若返回-1则无法识别屏幕状态。用setRequestedOrientation来设置屏幕状态。

package com.example.whs.sample04;

import android.content.pm.ActivityInfo;
import android.graphics.Color;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.Toast;

//更改手机屏幕显示方向
public class Activity15 extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_15);

        RadioGroup rg = (RadioGroup)findViewById(R.id.RadioGroup01);
        final RadioButton rbH = (RadioButton)findViewById(R.id.radioButton01);
        final RadioButton rbV = (RadioButton)findViewById(R.id.radioButton02);
        // 取得当前屏幕方向
        final int orient = getRequestedOrientation();
        if (orient == -1){
            Toast.makeText(this, "无法区分横竖屏！！", Toast.LENGTH_SHORT).show();
        }
        System.out.println("屏幕:" + orient);
        RadioGroup.OnCheckedChangeListener mChange = new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup radioGroup, int checkedId) {
                if (checkedId == rbH.getId()){//横屏按钮

                    if (orient == -1){
                        Toast.makeText(Activity15.this, "无法区分横竖屏！！", Toast.LENGTH_SHORT).show();
                    }else {
                        if (orient == ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE){//若为横屏,设置为竖屏
                            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
                            Toast.makeText(Activity15.this, "现在是竖屏啦！！", Toast.LENGTH_SHORT).show();
                        }
                    }

                }else if (checkedId == rbV.getId()){//竖屏按钮
                    if (orient == -1){
                        Toast.makeText(Activity15.this, "无法区分横竖屏！！", Toast.LENGTH_SHORT).show();
                    }else {
                        if (orient == ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE){//若为竖屏,设置为横屏
                            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
                            Toast.makeText(Activity15.this, "现在是横屏啦！！", Toast.LENGTH_SHORT).show();
                        }
                    }
                }
            }
        };
        rg.setOnCheckedChangeListener(mChange); //RadioGroup添加监听器

    }
}

 3、获取手机屏幕信息

 1         DisplayMetrics display = new DisplayMetrics();
 2         //将当前窗口的一些信息放在DisplayMetrics类中，
 3         this.getWindowManager().getDefaultDisplay().getMetrics(display);
 6         float density = display.density;
 7         //输出结果是 dens: density is  1.0
 8         Log.e("dens","density is  "+density);
 9 
10         //获取屏幕像素密度
11         int densityDpi = display.densityDpi;
12         //输出结果是 160
13         Log.e("dens","densityDpi is  "+densityDpi);
14 
15 
16         //获取屏幕的高度 结果单位 px
17         int heightPixels = display.heightPixels;
18         //输出结果是 heightPixels is  480
19         Log.e("dens","heightPixels is  "+heightPixels);
20 
21 
22         //获取屏幕的宽度 结果单位 px
23         int widthPixels = display.widthPixels;
24         //输出结果是 widthPixels is  320
25         Log.e("dens","widthPixels is  "+widthPixels);
26 
27 
28         //获取缩放比例
29         float scaledDensity = display.scaledDensity;
30         //输出结果是 scaledDensity is  1.0
31         Log.e("dens","scaledDensity is  "+scaledDensity);
32 
33         float xdpi = display.xdpi;
34         float ydpi = display.ydpi;
35 
36         //输出结果是 xdpi is  160.0  ydpi 160.0
37         Log.e("dens","xdpi is  "+xdpi+"  ydpi "+ydpi);
38     

 4、动态改变控件的位置和大小

xml文件中的布局如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:id="@+id/lls"
        >
        <TextView
            android:id="@+id/textView_test"
            android:layout_width="100dp"
            android:layout_height="44dp"
            android:background="#294881"
            />


</LinearLayout>

(1)动态改变TextView的大小和位置

TextView textView = (TextView)findViewById(R.id.textView_test);
        LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) textView.getLayoutParams();
        Log.e("dens", String.valueOf(params.width));
        if (params != null){
            params.width = (int)(120 * scaledDensity);
            params.height = (int)(40 * scaledDensity);
        }
        //设置左边距
        params.setMargins((int)(20 * scaledDensity), (int)(20 * scaledDensity), 0, 0);

(2)动态添加TextView到布局中

        //动态创建控件
        LinearLayout mLlPrent = (LinearLayout)findViewById(R.id.lls);
        TextView textView1 = new TextView(this);
        //设置宽和高
        LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams((int)(120 * scaledDensity), (int)(40 * scaledDensity));
        //设置外边距
        layoutParams.setMargins((int)(20 * scaledDensity), (int)(60 * scaledDensity), 0, 0);
        textView1.setPadding((int)(20 * scaledDensity), 0, 0, 0);
        textView1.setText("执行");
        textView1.setLayoutParams(layoutParams);
        textView1.setBackgroundColor(Color.GRAY);
        //添加到布局文件中
        mLlPrent.addView(textView1);

 4、视图坐标