Android 高级UI组件（三）

一、popupWindow

1.AlertDialog和PopupWindow最关键的区别是AlertDialog不能指定显示位置，只能默认显示在屏幕最中间(当然也可以通过设置WindowManager参数来改变位置)。而PopupWindow是可以指定显示位置的，更加灵活。

PopupWindow的位置按照有无偏移分，可以分为偏移和无偏移两种。

按照参照物的不同，可以分为相对于莫个控件（Anchor锚）和相对于父控件

showAsDropDown(View anchor):相对某个控件的位置（正左下方），无偏移

showSaDropDown(View anchor,int xoff ,int yoff)  :相对于空间的位置，有偏移

showAtLocation(View parent,int gravity, int x,int y)：相对于父控件的位置（例如郑重眼Gravity.CENTER），可以设置偏移或无偏移

2.PopupWindow的相关函数

（1）构造函数

//方法一：
public PopupWindow (Context context)
//方法二：
public PopupWindow(View contentView)
//方法三：
public PopupWindow(View contentView, int width, int height)
//方法四：
public PopupWindow(View contentView, int width, int height, boolean focusable)

要生成一个PopupWindow最基本的三个条件是一定要设置的：View contentView，int width，int height，少一个就不可能弹出PopupWindow，所以如果使用方法一构造PopupWindow，完整的构造代码是这样的：

View contentView = LayoutInflater.from(MainActivity.this).inflate
(R.layout.popuplayout, null);
PopupWindwo popWnd = PopupWindow (context);
popWnd.setContentView(contentView);
popWnd.setWidth(ViewGroup.LayoutParams.WRAP_CONTENT);
popWnd.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);  

（2）显示函数

//相对某个控件的位置（正左下方），无偏移
showAsDropDown(View anchor)：
//相对某个控件的位置，有偏移;xoff表示x轴的偏移，正值表示向右，负值表示向左；yoff表示相对y轴的偏移，正值是向上，负值是向下；
showAsDropDown(View anchor, int xoff, int yoff)：
//相对于父控件的位置（例如正中央Gravity.CENTER，下方Gravity.BOTTOM等），可以设置偏移或无偏移
showAtLocation(View parent, int gravity, int x, int y)：  

（3）其他函数

public void dismiss()
//另外几个函数，这里不讲其意义，下篇细讲
public void setFocusable(boolean focusable)
public void setTouchable(boolean touchable)
public void setOutsideTouchable(boolean touchable)
public void setBackgroundDrawable(Drawable background)  

setOutside Touchable(boolean touchable)

这个函数的意义是指PopupWindow以外的区域是否可点击，即如果店家PopupWindow以外的区域，PopupWindow是否会消失

private void showPopupWindow() {
    View contentView = LayoutInflater.from(MainActivity.this).inflate(
R.layout.popuplayout, null);
    mPopWindow = new PopupWindow(contentView);
    mPopWindow.setWidth(ViewGroup.LayoutParams.FILL_PARENT);
    mPopWindow.setHeight(ViewGroup.LayoutParams.FILL_PARENT);  

    //外部是否可以点击
    mPopWindow.setBackgroundDrawable(new BitmapDrawable());
    mPopWindow.setOutsideTouchable(true);  

    …………//各ITEM点击响应  

    mPopWindow.showAsDropDown(mMenuTv);  

}  

setBackgroundDrawable（Drawable background）

这个函数不知能设置背景，加上他之后，setOutsideTouchable()才会生效，而且，加上他后，PopupWindow才会对手机的返回按钮有响应，即点击手机返回按钮，可以关闭PopupWindow，如果不加将关闭PopupWindow所在的activity

        //获取屏幕尺寸
        DisplayMetrics dm = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(dm);
        int width = dm.widthPixels;
        int height = dm.heightPixels;

二、Notification

是在常规界面之外展示的消息。当app让系统发送一个消息的时候，消息首先以图标的形式显示在通知栏。要查看消息的详情需要进入到通知抽屉（notificationdrawer）中查看。通知栏和通知抽屉都是系统层面控制的，你随时可以查看，不限制于app。

Notification的界面元素：

（1）普通视图

这种风格是notification drawer的标准显示方式。

（2）宽视图

指你的notification被展开的时候会显示更大的视图，这种风格是android4.1之后才有的新特性

创建一个Notification：

首先将Notification的一些UI信息及相关动作赋予NotificationCompat.Builder对象，然后通过NotificationCompat.Builder.build()来获得Notification对象自己，然后调用NotificationManager.notify()想系统转交这个通知。一个Notification对象需要包含以下内容：

小图标（setSmallIcon()获取）

标题(setContentTitle()获取)

详情文字(setContentText()获取)

其余内容是可选的

                //发送一个普通视图的通知
                //API11之前创建通知的方式
//                Notification notification = new Notification();
                //版本api11之后使用
//                Notification.Builder builder = new Notification.Builder(MainActivity.this);
                //v4支持包
                NotificationCompat.Builder builder = new NotificationCompat.Builder(MainActivity.this);
                //设置相关的属性
                builder.setSmallIcon(R.mipmap.ic_launcher); //设置小图标
                builder.setContentTitle("测试"); //设置通知标题
                builder.setContentText("测试通知"); // 设置通知内容
                builder.setAutoCancel(true);  //设置自动清除
                builder.setDefaults(Notification.DEFAULT_ALL);
                builder.setNumber(10);
                builder.setTicker("新消息");
//                builder.setOngoing(true); //设置为常驻通知，不能被清除

                //设置单击的响应事件
                //定义一个意图，当点击通知时要打开一个界面（Activity)
                Intent intent = new Intent(MainActivity.this,SecondActivity.class);
                //参数：上下文，请求编码，意图，创建PendingIntent的方式
//                PendingIntent.FLAG_CANCEL_CURRENT  取消当前的PI，创建新的
//                PendingIntent.FLAG_NO_CREATE  如果有就是用，没有就不创建
//                PendingIntent.FLAG_IMMUTABLE  只使用一次
//                PendingIntent.FLAG_UPDATE_CURRENT  如果有就更新Intent
                PendingIntent pi = PendingIntent.getActivity(MainActivity.this,0,intent,PendingIntent.FLAG_UPDATE_CURRENT);
                builder.setContentIntent(pi);

                //创建一个通知对象
                Notification notification = builder.build();
                //获取系统的通知管理器 ，然后发送
                NotificationManager nm = (NotificationManager) getSystemService(Context.NOTIFICATION_SERVICE);
                nm.notify(N_ID,notification);

public class SecondActivity extends AppCompatActivity {

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

        //打开界面取消指定ID的通知
        NotificationManager nm = (NotificationManager) getSystemService(NOTIFICATION_SERVICE);
        nm.cancel(MainActivity.N_ID);
    }
}

                //发送一个大视图的通知
                NotificationCompat.Builder builder = new NotificationCompat.Builder(MainActivity.this);
                //设置相关的属性
                builder.setSmallIcon(R.mipmap.ic_launcher); //设置小图标
                builder.setContentTitle("测试"); //设置通知标题
                builder.setContentText("测试通知"); // 设置通知内容
                //设置大视图样式
                NotificationCompat.InboxStyle style = new NotificationCompat.InboxStyle();
                style.setBigContentTitle("测试测试");
                style.addLine("4444");
                style.addLine("5555");
                style.addLine("6666");
                builder.setStyle(style);

                Notification n = builder.build();
                NotificationManager nm = (NotificationManager) getSystemService(Context.NOTIFICATION_SERVICE);
                nm.notify(N_ID,n);

                //发送一个进度条的通知
                NotificationCompat.Builder builder = new NotificationCompat.Builder(MainActivity.this);
                //设置相关的属性
                builder.setSmallIcon(R.mipmap.ic_launcher); //设置小图标
                builder.setContentTitle("测试"); //设置通知标题
                builder.setContentText("测试通知"); // 设置通知内容
                //设置进度条样式
                builder.setProgress(100,5,false);
                Notification n = builder.build();
                NotificationManager nm = (NotificationManager) getSystemService(Context.NOTIFICATION_SERVICE);
                nm.notify(N_ID,n);

                //发送一个进度条的通知
                final NotificationCompat.Builder builder = new NotificationCompat.Builder(MainActivity.this);
                //设置相关的属性
                builder.setSmallIcon(R.mipmap.ic_launcher); //设置小图标
                builder.setContentTitle("测试"); //设置通知标题
                builder.setContentText("测试通知"); // 设置通知内容

                final NotificationManager nm = (NotificationManager) getSystemService(Context.NOTIFICATION_SERVICE);
                nm.notify(N_ID, builder.build());
                //设置进度条样式

                //模拟更新的线程
                new Thread(new Runnable() {
                    @Override
                    public void run() {
                        for (int i = 0; i < 101; i++) {
                            builder.setProgress(100, i, false);
                            nm.notify(N_ID, builder.build());
                            try {
                                Thread.sleep(500);
                            } catch (InterruptedException e) {
                                e.printStackTrace();
                            }
                        }

                        builder.setProgress(0, 0, false);
                        builder.setContentText("更新完成");
                        nm.notify(N_ID, builder.build());
                    }
                }).start();

            }
        });

                //发送一个自定义视图的通知
                NotificationCompat.Builder builder = new NotificationCompat.Builder(MainActivity.this);
                builder.setSmallIcon(R.mipmap.ic_launcher);
                RemoteViews views = new RemoteViews(getPackageName(),R.layout.custom_layout);
                builder.setContent(views);
                builder.setTicker("测试");
                NotificationManager nm = (NotificationManager) getSystemService(Context.NOTIFICATION_SERVICE);
                nm.notify(N_ID1,builder.build());

三、 样式和主题

样式是给View或Window指定外观和格式的属性集合。样式能够指定如高、编剧、字体颜色、字体尺寸、背景颜色等属性。样式被定义在一个与布局XML文件分开的XML资源文件中。Android中的样式与Web设计中的层叠式列表类似，允许与内容分开设计。

样式（Style）

    <style name="text_style" parent="@style/AppTheme">
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:background">@color/colorAccent</item>
    </style>

<resource>元素的每个子元素在编译时都要被转换成一个应用程序资源对象，通过<style>元素的name属性值来引用，即使用@style/text_style来引用，<style>元素中的parent属性是可选的，他指定了另一个样式的资源ID，当前样式可以季程程这个指定样式的属性，所以如果需要，可以覆写被继承的样式属性。把XML中定义的一个样式用作一个Activity或应用程序的主题与给一个View对象定义样式完全相同。如上面得样式能够被应用于一个View对象，也可用作一个Activity或应用程序的主题。

主题（Themes）

主题是应用于整个Activity或应用程序的样式，而不是一个独立的View对象，当一个样式被用做主题时，Activity或应用程序中的每个View对象都会使用它所支持的每个样式属性。例如，把相同的text_style样式用作一个Activity的主题，那么这个Activity内的所有文本的北京都是指定的北京。

实现自定义组件

配合XML属性资源文件的方式

第一步：attrs.xml文件

首先写出自定义组件的类文件，然后将这个类里需要外界传入值得属性定义成一个属性资源文件，在工程里的../res/values/目录下创建一个attrs.xml文件，具体写法如下：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="MyView">
        <attr name="textColor" format="color" />
        <attr name="textSize" format="dimension" />
        <attr name="text" format="string" />
    </declare-styleable>
</resources>

attrs.xml解释如下

attrs子元素：

定义具体的属性，format表示这个属性的值的类型，类型有以下几种：

reference：参考指定Theme中资源ID，这个类型意思就是你传的值可以使引用资源

string：字符串，如果你想别人技能直接写值也可以用类似“@string/test”引用资源的方式，可以写成format="string|reference"

color、boolean、dimension、float、integer、fraction（百分数）、

enum：枚举

        <attr name="language">
            <enum name="China" value="1" />
            <enum name="English" value="2" />
        </attr>

flag：位或运算

declare-styleable子元素：

定义一个styleable对象，每个styleable对象就是一组attr属性的集合，注意：这里的name属性并不是一定要和自定义类名相同，只是为了好区分对应类的属性而已

第二步：在自定义类里引用attrs文件里定义的属性为自己的属性设置值。

    <com.gaochunfa.jiexidemo.MyView
        android:layout_width="match_parent"
        android:layout_height="50dp"
        app:textColor="#ff0000"
        app:textSize="35sp"
        app:text="ssss"/>

package com.gaochunfa.jiexidemo;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;

public class MyView extends View{
    private Paint mPaint;
    private int textColor;
    private float textSize;
    private String text;
    public MyView(Context context) {
        super(context);
    }

    public MyView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        mPaint = new Paint();
        //这里去的declare-styleable集合
        TypedArray array = context.obtainStyledAttributes(attrs,R.styleable.MyView);

        //获取配置文件中的属性值，第二个参数是如果使用着没有配置该属性时所用的默认值
        textColor = array.getColor(R.styleable.MyView_textColor,0xFFFFFF);
        textSize = array.getDimension(R.styleable.MyView_textSize,24);
        text = array.getString(R.styleable.MyView_text);

    }

    public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    //视图的绘制事件
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setColor(textColor);
        mPaint.setTextSize(textSize);

        canvas.drawText(text,20,20,mPaint);
    }
}