Android 原生控件的特殊效果处理

本文介绍如何使用自定义View实现圆形表盘,并展示了多种控件特效处理技巧,包括使用DrawerLayout实现侧边栏、相机与相册选择的Dialog、BottomSheetDialogFragment实现可滑动指定距离后关闭的Dialog等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

自定义 View 实现圆形表盘 CustomDialPlate

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Handler;
import android.os.Message;
import android.support.annotation.NonNull;
import android.util.AttributeSet;
import android.view.View;

import java.util.Calendar;

/**
 * 自定义表盘
 */
public class CustomDialPlate extends View {
    private static final String TAG = "CustomDialPlate";

    /**
     * 表盘宽、高
     */
    private int widthMy = 500;
    private int heightMy = 500;
    /**
     * 系统当前时间
     */
    private int hours;
    private int minutes;
    private int seconds;

    private Paint paint;

    private static final int MSG_TYPE_1 = 1;
    private static final int DELAY_TIME_1000 = 1000;

    private Handler handler = new Handler() {
        @Override
        public void handleMessage(@NonNull Message msg) {
            super.handleMessage(msg);
            if (msg.what == MSG_TYPE_1) {
                //重新获取时间
                getTime();
                //重新绘制界面
                invalidate();
                // 重新发送消息
                handler.sendEmptyMessageDelayed(MSG_TYPE_1, DELAY_TIME_1000);
            }
        }
    };

    public CustomDialPlate(Context context) {
        this(context, null);
    }

    public CustomDialPlate(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public CustomDialPlate(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    /**
     * 释放
     */
    public void release() {
        // 移除所有消息和回调
        handler.removeCallbacksAndMessages(null);
    }

    /**
     * 初始化
     */
    private void init() {
        initPaint();
        // 设置初始时间值,用于第一帧
        getTime();
        // 发送消息更新
        handler.sendEmptyMessageDelayed(MSG_TYPE_1, DELAY_TIME_1000);
    }

    private void initPaint() {
        paint = new Paint();
        // 设置抗锯齿
        paint.setAntiAlias(true);
        // 设置画笔的颜色
        paint.setColor(Color.BLACK);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // 绘制外层圆环
        paint.setStyle(Paint.Style.STROKE); // 设置空心
        paint.setStrokeWidth(8); // 设置线条宽度
        canvas.drawCircle(widthMy / 2, heightMy / 2, widthMy / 2 - 20, paint);

        // 绘制内层圆环
        paint.setStrokeWidth(4); // 设置线条宽度
        canvas.drawCircle(widthMy / 2, heightMy / 2, widthMy / 2 - 30, paint);

        // 绘制表盘中心轴心
        paint.setStyle(Paint.Style.FILL);
        canvas.drawCircle(widthMy / 2, heightMy / 2, 10, paint);

        // 绘制表盘刻度,通过旋转画布实现
        for (int i = 1; i <= 4; i++) {
            // 保存画布的状态
            canvas.save();
            // 旋转到指定的角度
            canvas.rotate(90 * i, widthMy / 2, heightMy / 2);
            canvas.drawLine(widthMy / 2, 40, widthMy / 2, 60, paint);
            // 恢复旋转之前的状态
            canvas.restore();
        }

        // 绘制时针,1h=30°,1m=0.5°
        paint.setStrokeWidth(8);
        canvas.save();
        // 旋转画布,旋转的度数由当前时间决定
        canvas.rotate(30 * hours + 0.5f * minutes, widthMy / 2, heightMy / 2);
        canvas.drawLine(widthMy / 2, heightMy / 2, widthMy / 2, 150, paint);
        canvas.restore();

        // 绘制分针,1min=6°
        paint.setStrokeWidth(5);
        canvas.save();
        canvas.rotate(6 * minutes, widthMy / 2, heightMy / 2);
        canvas.drawLine(widthMy / 2, heightMy / 2, widthMy / 2, 120, paint);
        canvas.restore();

        // 绘制秒针,1s=6°
        paint.setStrokeWidth(3);
        canvas.save();
        canvas.rotate(6 * seconds, widthMy / 2, heightMy / 2);
        canvas.drawLine(widthMy / 2, heightMy / 2, widthMy / 2, 100, paint);
        canvas.restore();
    }

    /**
     * 获取当前系统时间
     */
    private void getTime() {
        Calendar calendar = Calendar.getInstance();
        hours = calendar.get(Calendar.HOUR);
        minutes = calendar.get(Calendar.MINUTE);
        seconds = calendar.get(Calendar.SECOND);
    }
}

使用 DrawerLayout 实现侧边栏

//activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawerLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <!--主菜单布局-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">


    </LinearLayout>

    <!--菜单栏布局-->
    <!--android:layout_gravity="start|left"-->
    <!--android:layout_gravity="end|right"-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="start|left"
        android:background="#67a190"
        android:orientation="vertical">

        <include layout="@layout/menu_left_drawerlayout" />

    </LinearLayout>
</android.support.v4.widget.DrawerLayout>

说明:

DrawerLayout 最好为界面的根布局,官网这样说的,否则可能会出现触摸事件被屏蔽的问题;
主内容区的布局代码要放在侧滑菜单布局的前面, 因为 XML 顺序按 z 序(层叠顺序)排序;
侧滑菜单部分的布局必须设置layout_gravity属性,他表示侧滑菜单是在左边还是右边,设置了layout_gravity="start/left"的视图才会被认为是侧滑菜单,如果不设置,在打开关闭抽屉的时候会报错。

//menu_left_drawerlayout.xml
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ffffff"
    android:fillViewport="true" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >

        <RelativeLayout
            android:id="@+id/photo_layout"
            android:layout_width="match_parent"
            android:layout_height="55dp"
            android:background="@drawable/menu_icon_bg"
            android:paddingLeft="10dp"
            android:paddingRight="10dp" >

            <ImageView
                android:id="@+id/image_photo"
                android:layout_width="55dp"
                android:layout_height="55dp"
                android:background="@drawable/bg_photo"
                android:padding="5dip" />

            <ImageView
                android:id="@+id/image_over"
                android:layout_width="55dp"
                android:layout_height="55dp"
                android:src="@drawable/photo_over" />

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:layout_marginLeft="20dp"
                android:layout_toRightOf="@id/image_photo"
                android:gravity="center_vertical" >

                <TextView
                    android:id="@+id/user_name"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:singleLine="true"
                    android:text="@string/tv_user_name"
                    android:textColor="#2b2b2b"
                    android:textSize="18dp" />

                <TextView
                    android:id="@+id/user_email"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_below="@id/user_name"
                    android:layout_marginTop="5dp"
                    android:singleLine="true"
                    android:text="@string/tv_user_email"
                    android:textColor="#7a7a7a"
                    android:textSize="14dp" />
            </RelativeLayout>
        </RelativeLayout>

        <View
            android:layout_width="wrap_content"
            android:layout_height="1dp"
            android:background="#1a000000" />

        <RelativeLayout
            android:id="@+id/home_layout"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="@drawable/menu_item_bg"
            android:gravity="center_vertical"
            android:paddingLeft="15dp" >

            <ImageView
                android:id="@+id/ic_home"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_centerVertical="true"
                android:scaleType="fitXY"
                android:src="@drawable/ic_home" />

            <TextView
                android:id="@+id/tv_home"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="15dp"
                android:layout_toRightOf="@id/ic_home"
                android:text="@string/tv_home"
                android:textColor="#9b9b9b"
                android:textSize="18dp" />
        </RelativeLayout>

        <View
            android:layout_width="wrap_content"
            android:layout_height="1dp"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"
            android:background="#1a000000" />

        <RelativeLayout
            android:id="@+id/setting_layout"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="@drawable/menu_item_bg"
            android:gravity="center_vertical"
            android:paddingLeft="15dp" >

            <ImageView
                android:id="@+id/ic_setting"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_centerVertical="true"
                android:scaleType="fitXY"
                android:src="@drawable/ic_setting" />

            <TextView
                android:id="@+id/tv_setting"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="15dp"
                android:layout_toRightOf="@id/ic_setting"
                android:text="@string/tv_setting"
                android:textColor="#9b9b9b"
                android:textSize="18dp" />
        </RelativeLayout>

        <View
            android:layout_width="wrap_content"
            android:layout_height="1dp"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"
            android:background="#1a000000" />

        <RelativeLayout
            android:id="@+id/theme_layout"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="@drawable/menu_item_bg"
            android:gravity="center_vertical"
            android:paddingLeft="15dp" >

            <ImageView
                android:id="@+id/ic_theme"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_centerVertical="true"
                android:scaleType="fitXY"
                android:src="@drawable/ic_theme" />

            <TextView
                android:id="@+id/tv_theme"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="15dp"
                android:layout_toRightOf="@id/ic_theme"
                android:text="@string/tv_theme"
                android:textColor="#9b9b9b"
                android:textSize="18dp" />
        </RelativeLayout>

        <View
            android:layout_width="wrap_content"
            android:layout_height="1dp"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"
            android:background="#1a000000" />

        <RelativeLayout
            android:id="@+id/scans_layout"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="@drawable/menu_item_bg"
            android:gravity="center_vertical"
            android:paddingLeft="15dp" >

            <ImageView
                android:id="@+id/ic_scans"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_centerVertical="true"
                android:scaleType="fitXY"
                android:src="@drawable/ic_scans" />

            <TextView
                android:id="@+id/tv_scans"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="15dp"
                android:layout_toRightOf="@id/ic_scans"
                android:text="@string/tv_scans"
                android:textColor="#9b9b9b"
                android:textSize="18dp" />
        </RelativeLayout>

        <View
            android:layout_width="wrap_content"
            android:layout_height="1dp"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"
            android:background="#1a000000" />

        <RelativeLayout
            android:id="@+id/feedback_layout"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="@drawable/menu_item_bg"
            android:gravity="center_vertical"
            android:paddingLeft="15dp" >

            <ImageView
                android:id="@+id/ic_feedback"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_centerVertical="true"
                android:scaleType="fitXY"
                android:src="@drawable/ic_feedback" />

            <TextView
                android:id="@+id/tv_feedback"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="15dp"
                android:layout_toRightOf="@id/ic_feedback"
                android:text="@string/tv_feedback"
                android:textColor="#9b9b9b"
                android:textSize="18dp" />
        </RelativeLayout>

        <View
            android:layout_width="wrap_content"
            android:layout_height="1dp"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"
            android:background="#1a000000" />

        <RelativeLayout
            android:id="@+id/updates_layout"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="@drawable/menu_item_bg"
            android:gravity="center_vertical"
            android:paddingLeft="15dp" >

            <ImageView
                android:id="@+id/ic_updates"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_centerVertical="true"
                android:scaleType="fitXY"
                android:src="@drawable/ic_updates" />

            <TextView
                android:id="@+id/tv_updates"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="15dp"
                android:layout_toRightOf="@id/ic_updates"
                android:text="@string/tv_updates"
                android:textColor="#9b9b9b"
                android:textSize="18dp" />
        </RelativeLayout>

        <View
            android:layout_width="wrap_content"
            android:layout_height="1dp"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"
            android:background="#1a000000" />

        <RelativeLayout
            android:id="@+id/about_layout"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="@drawable/menu_item_bg"
            android:gravity="center_vertical"
            android:paddingLeft="15dp" >

            <ImageView
                android:id="@+id/ic_about"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_centerVertical="true"
                android:scaleType="fitXY"
                android:src="@drawable/ic_about" />

            <TextView
                android:id="@+id/tv_about"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="15dp"
                android:layout_toRightOf="@id/ic_about"
                android:text="@string/tv_about"
                android:textColor="#9b9b9b"
                android:textSize="18dp" />
        </RelativeLayout>

        <View
            android:layout_width="wrap_content"
            android:layout_height="1dp"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"
            android:background="#1a000000" />

        <RelativeLayout
            android:id="@+id/exit_layout"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="@drawable/menu_item_bg"
            android:gravity="center_vertical"
            android:paddingLeft="15dp" >

            <ImageView
                android:id="@+id/ic_exit"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_centerVertical="true"
                android:scaleType="fitXY"
                android:src="@drawable/ic_exit" />

            <TextView
                android:id="@+id/tv_exit"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="15dp"
                android:layout_toRightOf="@id/ic_exit"
                android:text="@string/tv_exit"
                android:textColor="#9b9b9b"
                android:textSize="18dp" />
        </RelativeLayout>

        <View
            android:layout_width="wrap_content"
            android:layout_height="1dp"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"
            android:background="#1a000000" />
    </LinearLayout>

</ScrollView>
import android.support.annotation.NonNull;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.MenuItem;
import android.view.View;

public class MainActivity extends AppCompatActivity {

    private DrawerLayout drawerLayout;
    private ActionBarDrawerToggle toggle;

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

        drawerLayout = findViewById(R.id.drawerLayout);

        initActionBar();
    }

    /**
     * 初始化 actionbar
     */
    private void initActionBar() {
        //1.获取 actionbar 对象
        ActionBar actionBar = getSupportActionBar();
        //2.设置 图标、标题
        actionBar.setLogo(R.drawable.ic_launcher);//没效果啊,现在显示的是 ← 符号
        actionBar.setTitle(R.string.app_name);
        actionBar.setSubtitle(R.string.app_name);
        //3.启用、显示 home 按钮
        actionBar.setDisplayHomeAsUpEnabled(true);
        actionBar.setDisplayShowHomeEnabled(true);
        //4.替换 home 按钮的图标 (现在显示的是 三条横线 符号)
        toggle = new ActionBarDrawerToggle(this, drawerLayout, 0, 0);
        //设置 actionbar 和 drawerlayout 同步状态
        toggle.syncState();
        //5.三条横线 添加动画 (现在显示的是 三条横线与←符号切换的效果)
        addAnamator(toggle);
        //或
//        addAnamator();
    }

    /**
     * 三条横线 添加动画 (现在显示的是 三条横线与←符号切换的效果)
     */
    private void addAnamator(ActionBarDrawerToggle toggle) {
        drawerLayout.setDrawerListener(toggle);
    }

    /**
     * 三条横线 添加动画 (现在显示的是 三条横线与←符号切换的效果)
     * 建议用 上面的方法 替代
     */
    private void addAnamator() {
        drawerLayout.setDrawerListener(new DrawerLayout.DrawerListener() {
            @Override
            public void onDrawerSlide(@NonNull View view, float v) {
                toggle.onDrawerSlide(view, v);
            }

            @Override
            public void onDrawerOpened(@NonNull View view) {
                toggle.onDrawerOpened(view);
            }

            @Override
            public void onDrawerClosed(@NonNull View view) {
                toggle.onDrawerClosed(view);
            }

            @Override
            public void onDrawerStateChanged(int i) {
                toggle.onDrawerStateChanged(i);
            }
        });
    }

    /**
     * 点击 actionbar 的 home 按钮,会执行该方法
     *
     * @param item
     * @return
     */
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {

        switch (item.getItemId()) {
            case android.R.id.home://点击 actionbar 的 home 按钮的点击事件
                setHomeButtonState(item);
                //或
//                setHomeButtonState();
                break;
        }
        return super.onOptionsItemSelected(item);
    }

    /**
     * 设置 actionbar 的 home 按钮的点击事件
     *
     * @param item
     */
    private void setHomeButtonState(MenuItem item) {
        toggle.onOptionsItemSelected(item);
    }

    /**
     * 设置 actionbar 的 home 按钮的点击事件
     * 建议用 上面的方法 替代
     */
    private void setHomeButtonState() {
        //如果左边菜单打开,则关闭;如果关闭,则打开
        if (drawerLayout.isDrawerOpen(Gravity.START)) {
            drawerLayout.closeDrawer(Gravity.START);
        } else {
            drawerLayout.openDrawer(Gravity.START);
        }
    }
}

相机、相册选择的 Dialog

styles.xml

<resources>

    <!--DialogView-->
    <style name="main_menu_animstyle">
        <item name="android:windowEnterAnimation">@anim/anim_in</item>
        <item name="android:windowExitAnimation">@anim/anim_out</item>
    </style>
    <style name="transparentFrameWindowStyle" parent="android:style/Theme.Dialog">
        <item name="android:windowBackground">@drawable/bg_dialog_window</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:colorBackgroundCacheHint">@null</item>
        <item name="android:windowIsTranslucent">true</item>
    </style>

</resources>

anim_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="300"
        android:fromXDelta="0"
        android:fromYDelta="1000"
        android:toXDelta="0"
        android:toYDelta="0" />

</set>

anim_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="300"
        android:fromXDelta="0"
        android:fromYDelta="0"
        android:toXDelta="0"
        android:toYDelta="1000" />

</set>

bg_btn.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" android:exitFadeDuration="@android:integer/config_shortAnimTime">

    <item android:drawable="@drawable/btn_pressed" android:state_pressed="true" />
    <item android:drawable="@drawable/btn_normal" />

</selector>

bg_dialog_window.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <solid android:color="#00000000" />

    <corners android:radius="20dip" />

    <padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" />

</shape>

layout_dialog_camera.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="wrap_content"
    android:background="@android:color/transparent"
    android:padding="@dimen/dp_10"
    android:orientation="vertical">

    <Button
        android:id="@+id/btn_camera"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/bg_btn"
        android:text="拍照" />

    <Button
        android:id="@+id/btn_photo"
        android:layout_marginTop="@dimen/dp_10"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/bg_btn"
        android:text="相册" />
</LinearLayout>

DialogView.java

import android.app.Activity;
import android.app.Dialog;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import com.example.R;

public final class DialogView {

    public Activity activity;
    public Dialog dialog;
    public View view;

    public DialogView(Activity activity) {
        super();
        this.activity = activity;
    }

    /**
     * @param resource 布局文件xml
     * @param them     样式style 0为缺省
     */
    public Dialog initDialog(int resource, int them) {
        if (them == 0) {
            dialog = new Dialog(activity, R.style.transparentFrameWindowStyle);
        } else {
            dialog = new Dialog(activity, them);
        }

        view =  activity.getLayoutInflater().inflate(resource, null);
        dialog.setContentView(view);
        dialog.setCanceledOnTouchOutside(true);
        Window win = dialog.getWindow();
        win.getDecorView().setPadding(0, 0, 0, 0);

        return dialog;
    }

    public Dialog getDialog() {
        return dialog;
    }

    public View getView() {
        return view;
    }

    /**
     * 显示带动画效果对话框
     */
    public void showAnimationDialog() {
        //设置弹出框从下到上显示动画
        setAnimstyle();
        // 设置点击外围解散
        showNormalDialog();
    }

    /**
     * 设置弹出框从下到上显示动画
     */
    private void setAnimstyle() {
        Window window = dialog.getWindow();

        // 设置显示动画
        window.setWindowAnimations(R.style.main_menu_animstyle);
        WindowManager.LayoutParams wl = window.getAttributes();
        wl.x = 0;
        wl.y = activity.getWindowManager().getDefaultDisplay().getHeight();

        // This makes the dialog take up the full width
        wl.width = WindowManager.LayoutParams.MATCH_PARENT;
        // 设置显示位置
        dialog.onWindowAttributesChanged(wl);
    }

    /**
     * 显示普通对话框
     */
    public void showNormalDialog() {
        if (dialog != null && !isShowing()) {
            // 设置点击外围解散
            dialog.setCanceledOnTouchOutside(true);
            dialog.show();
        }
    }

    /**
     * 判断 dialog 是否为显示状态
     * @return
     */
    public boolean isShowing() {
        return dialog.isShowing();
    }

    /**
     * dialog 隐藏
     */
    public void dismiss() {
        if (dialog != null && isShowing()) {
            dialog.dismiss();
        }
    }
}

DialogUtil.java

import android.app.Activity;
import android.view.View;
import android.widget.Button;
import com.example.R;
import com.example.DialogView;

public class DialogUtil {

    private DialogUtil(){

    }

    public static void showDialog(Activity activity){
        showDialog(activity, R.layout.layout_dialog_camera);
    }

    public static void showDialog(Activity activity, int resLayout){
        // 构建 dialog 实例
        final DialogView dialog = new DialogView(activity);
        // 设置 dialog 要显示的布局
        dialog.initDialog(resLayout, 0);
        // 获取 dialog 要展示的View
        View view = dialog.getView();
        Button btn_camera = (Button)view .findViewById(R.id.btn_camera);
        btn_camera.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ToastUtil.showToast("拍照");
            }
        });

        Button btn_photo = (Button)view .findViewById(R.id.btn_photo);
        btn_photo.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ToastUtil.showToast("相册");
                dialog.dismiss();
            }
        });

        // 展示这个Dialog
        dialog.showAnimationDialog();
    }
}

MainActivity.java

button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                DialogUtil.showDialog(MainActivity.this);
            }
        });

使用 BottomSheetDialogFragment 实现可以滑动指定距离后才关闭的 Dialog

import android.app.Dialog;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.FrameLayout;

import com.google.android.material.bottomsheet.BottomSheetBehavior;
import com.google.android.material.bottomsheet.BottomSheetDialog;
import com.google.android.material.bottomsheet.BottomSheetDialogFragment;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.FragmentManager;

public class BaseSheet extends BottomSheetDialogFragment {

    private BottomSheetBehavior<FrameLayout> behavior;
    private BottomSheetDismissCallback callback;

    @NonNull
    @Override
    public Dialog onCreateDialog(@Nullable Bundle savedInstanceState) {
        BottomSheetDialog dialog = new BottomSheetDialog(getContext(), getTheme());
        dialog.setContentView(R.layout.activity_base_sheet);
        dialog.setCanceledOnTouchOutside(true);

//        BottomSheetBehavior<FrameLayout> behavior = dialog.getBehavior();
        behavior = dialog.getBehavior();
        behavior.setPeekHeight(getPeekHeight());
        behavior.setSkipCollapsed(true);
        behavior.setHideable(true);
        callback = new BottomSheetDismissCallback();
        behavior.addBottomSheetCallback(callback);

        return dialog;
    }

    protected int getPeekHeight() {
        int peekHeight = getResources().getDisplayMetrics().heightPixels;
        return peekHeight - dp2px(152);
    }

    public int dp2px(final float dpValue) {
        final float scale = getResources().getDisplayMetrics().density;
        return (int) (dpValue * scale + 0.5f);
    }

    public boolean hideDialog = false;
    private class BottomSheetDismissCallback extends BottomSheetBehavior.BottomSheetCallback {

        @Deprecated
        float tempSlidOffset;

        @Override
        public void onStateChanged(@NonNull View bottomSheet, int newState) {
            Log.e("twl true", "newState = " + newState + " ===== bottomSheet = " + Math.abs(tempSlidOffset));

            if (newState == BottomSheetBehavior.STATE_SETTLING) {

                if (hideDialog){
                    if (getDialog().isShowing()) {
                        getDialog().dismiss();
                    }
                }else {
                    if (!getDialog().isShowing()) {
                        getDialog().show();
                    }
                }
            }

        }

        @Override
        public void onSlide(@NonNull View bottomSheet, float slideOffset) {
            tempSlidOffset = slideOffset;
            Log.e("twl true", "slideOffset = " + slideOffset + " ===== bottomSheet = " + Math.abs(tempSlidOffset));

            if (Math.abs(slideOffset) < 0.1) {
                hideDialog = false;
            } else {
                hideDialog = true;
            }
        }
    }
}

使用 SpannableString 打造绚丽多彩的 TextView 显示效果

首先 - - 了解SpannableString

SpannableString其实和String一样,都是一种字符串类型,TextView也可以直接设置SpannableString作为显示文本,不同的是SpannableString可以通过使用其方法setSpan方法实现字符串各种形式风格的显示,重要的是可以指定设置的区间,也就是为字符串指定下标区间内的子字符串设置格式。

setSpan(Object what,int start,int end,int flags)方法需要用户输入四个参数 -->
what表示设置的格式是什么,可以是前景色、背景色也可以是可点击的文本等
start表示需要设置格式的子字符串的起始下标
end表示终了下标
flags共有四种属性 -->

Spanned.SPAN_INCLUSIVE_INCLUSIVE 从起始下标到终了下标,包括起始和终了下标
Spanned.SPAN_INCLUSIVE_EXCLUSIVE 从起始下标到终了下标,包括起始下标
Spanned.SPAN_EXCLUSIVE_INCLUSIVE 从起始下标到终了下标,包括终了下标
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE 从起始下标到终了下标,不包括起始和终了下标

下面 一一 解读几种Span常用的格式

ForegroundColorSpan

//为文本设置前景色,效果和TextView的setTextColor()类似
private void setTextForTextView() {
    SpannableString spannableString = new SpannableString("设置文字的前景色为淡蓝色");
    ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.parseColor("#0099EE"));
    spannableString.setSpan(colorSpan, 9, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    textView.setText(spannableString);
}

这里写图片描述

BackgroundColorSpan

//为文本设置背景色,效果和TextView的setBackground()类似
private void setTextForTextView() {
   SpannableString spannableString = new SpannableString("设置文字的背景色为淡绿色");
    BackgroundColorSpan colorSpan = new BackgroundColorSpan(Color.parseColor("#AC00FF30"));
    spannableString.setSpan(colorSpan, 9, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    textView.setText(spannableString);
}

这里写图片描述

RelativeSizeSpan

//在TextView原有的文字大小的基础上,设置文字相对大小
private void setTextForTextView() {
    SpannableString spannableString = new SpannableString("万丈高楼平地起");

    RelativeSizeSpan sizeSpan01 = new RelativeSizeSpan(1.2f);
    RelativeSizeSpan sizeSpan02 = new RelativeSizeSpan(1.4f);
    RelativeSizeSpan sizeSpan03 = new RelativeSizeSpan(1.6f);
    RelativeSizeSpan sizeSpan04 = new RelativeSizeSpan(1.8f);
    RelativeSizeSpan sizeSpan05 = new RelativeSizeSpan(1.6f);
    RelativeSizeSpan sizeSpan06 = new RelativeSizeSpan(1.4f);
    RelativeSizeSpan sizeSpan07 = new RelativeSizeSpan(1.2f);

    spannableString.setSpan(sizeSpan01, 0, 1, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan02, 1, 2, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan03, 2, 3, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan04, 3, 4, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan05, 4, 5, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan06, 5, 6, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan07, 6, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    textView.setText(spannableString);
}

这里写图片描述

StrikethroughSpan

//为文本设置中划线,也就是常说的删除线
private void setTextForTextView() {
    SpannableString spannableString = new SpannableString("为文字设置删除线");
    StrikethroughSpan throughSpan = new StrikethroughSpan();
    spannableString.setSpan(throughSpan, 5, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    textView.setText(spannableString);
}

这里写图片描述

//这个是 RelativeSizeSpan 和 StrikethroughSpan 两种样式混合使用的效果
private void setTextForTextView() {
    SpannableString spannableString = new SpannableString("为文字  万丈高楼平地起  设置删除线");

    RelativeSizeSpan sizeSpan01 = new RelativeSizeSpan(1.2f);
    RelativeSizeSpan sizeSpan02 = new RelativeSizeSpan(1.4f);
    RelativeSizeSpan sizeSpan03 = new RelativeSizeSpan(1.6f);
    RelativeSizeSpan sizeSpan04 = new RelativeSizeSpan(1.8f);
    RelativeSizeSpan sizeSpan05 = new RelativeSizeSpan(1.6f);
    RelativeSizeSpan sizeSpan06 = new RelativeSizeSpan(1.4f);
    RelativeSizeSpan sizeSpan07 = new RelativeSizeSpan(1.2f);

    spannableString.setSpan(sizeSpan01, 5, 6, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan02, 6, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan03, 7, 8, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan04, 8, 9, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan05, 9, 10, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan06, 10, 11, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan07, 11, 12, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    StrikethroughSpan throughSpan = new StrikethroughSpan();
    spannableString.setSpan(throughSpan, 5, 12, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    textView.setText(spannableString);
}

这里写图片描述

UnderlineSpan

//为文本设置下划线
private void setTextForTextView() {
    SpannableString spannableString = new SpannableString("为文字设置下划线");
    UnderlineSpan underlineSpan = new UnderlineSpan();
    spannableString.setSpan(underlineSpan, 5, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    textView.setText(spannableString);
}

这里写图片描述

SuperscriptSpan

//为文字设置上标
private void setTextForTextView() {
    SpannableString spannableString = new SpannableString("为文字设置上标");
    SuperscriptSpan superscriptSpan = new SuperscriptSpan();
    spannableString.setSpan(superscriptSpan, 5, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    textView.setText(spannableString);
}

这里写图片描述

从效果图可以看出,被设置为上标的文字大小和下面的文本文字大小一样,但只要我们稍加修饰,结合 RelativeSizeSpan 设置小字体文本作为上标,分分钟实现指数公式,再也不用22+32=13这样缺乏审美的数学公式了

private void setTextForTextView() {
    SpannableString spannableString = new SpannableString("为文字设置上标");

    SuperscriptSpan superscriptSpan = new SuperscriptSpan();
    spannableString.setSpan(superscriptSpan, 5, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    RelativeSizeSpan sizeSpan = new RelativeSizeSpan(0.5f);
    spannableString.setSpan(sizeSpan, 5, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    textView.setText(spannableString);
}

这里写图片描述

SubscriptSpan

//为文字设置下标
private void setTextForTextView() {
   SpannableString spannableString = new SpannableString("为文字设置下标");

    SubscriptSpan subscriptSpan = new SubscriptSpan ();
    spannableString.setSpan(subscriptSpan, 5, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    textView.setText(spannableString);
}

这里写图片描述

从效果图可以看出,被设置为下标的文字大小和上面的文本文字大小一样,但只要我们稍加修饰,结合 RelativeSizeSpan 设置小字体文本作为下标,分分钟实现完美

private void setTextForTextView() {
    SpannableString spannableString = new SpannableString("为文字设置上标");

    SubscriptSpan subscriptSpan = new SubscriptSpan();
    spannableString.setSpan(subscriptSpan, 5, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    RelativeSizeSpan sizeSpan = new RelativeSizeSpan(0.5f);
    spannableString.setSpan(sizeSpan, 5, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    textView.setText(spannableString);
}

这里写图片描述

StyleSpan(华为H60-L01手机,斜体效果没出来)

//为文字设置风格(粗体、斜体),和TextView属性textStyle类似
private void setTextForTextView() {
    SpannableString spannableString = new SpannableString("为文字设置粗体、斜体风格");
    StyleSpan styleSpan_B  = new StyleSpan(Typeface.BOLD);
    spannableString.setSpan(styleSpan_B, 5, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    StyleSpan styleSpan_I  = new StyleSpan(Typeface.ITALIC);
    spannableString.setSpan(styleSpan_I, 8, 10, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    
    textView.setHighlightColor(Color.parseColor("#36969696"));
    textView.setText(spannableString);
}

这里写图片描述

ImageSpan

//设置文本图片,即在文本中添加表情
private void setTextForTextView() {
    SpannableString spannableString = new SpannableString("在文本中添加表情(表情)");
    Drawable drawable = getResources().getDrawable(R.mipmap.a9c);
    drawable.setBounds(0, 0, 42, 42);
    ImageSpan imageSpan = new ImageSpan(drawable);
    spannableString.setSpan(imageSpan, 6, 8, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    textView.setText(spannableString);
}

这里写图片描述

URLSpan

//为文本设置超链接,看 URLSpan 源码,URLSpan 就是继承自 ClickableSpan,也和想象中一样,就是重写了父类的onClick事件,用系统自带浏览器打开链接
private void setTextForTextView() {
    SpannableString spannableString = new SpannableString("为文字设置超链接");
    URLSpan urlSpan = new URLSpan("http://www.baidu.com");
    spannableString.setSpan(urlSpan, 5, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    
    textView.setMovementMethod(LinkMovementMethod.getInstance());
    textView.setHighlightColor(Color.parseColor("#36969696"));
    textView.setText(spannableString);
}
//注意:使用ClickableSpan的文本如果想真正实现点击作用,必须为TextView设置setMovementMethod方法,否则没有点击相应,至于setHighlightColor方法则是控制点击是的背景色,但只有第一次点击时有效果,第二次点击时没再出现效果。
//也可以这样实现超链接效果
class MyClickableSpan extends ClickableSpan {

    private String content;

    public MyClickableSpan(String content) {
        this.content = content;
    }

    //不重写该方法,则有粉红色高亮字体和下划线效果
    @Override
    public void updateDrawState(TextPaint ds) {
        //设置为true,有下划线; 设置为false,没有下划线
        ds.setUnderlineText(true);
        //给文字设置颜色
//            ds.setColor(Color.parseColor("#0000ff"));
        //给文字设置背景色
//            ds.bgColor = Color.parseColor("#00ff00");
    }

    @Override
    public void onClick(View widget) {
        Uri uri = Uri.parse(content);
        Context context = widget.getContext();
        Intent intent = new Intent(Intent.ACTION_VIEW, uri);
        intent.putExtra(Browser.EXTRA_APPLICATION_ID, context.getPackageName());
        try {
            context.startActivity(intent);
        } catch (ActivityNotFoundException e) {
            Log.w("URLSpan", "Actvity was not found for intent, " + intent.toString());
        }
    }
}

private void setTextForTextView() {
    SpannableString spannableString = new SpannableString("为文字设置点击事件");
    MyClickableSpan clickableSpan = new MyClickableSpan("http://www.baidu.com");
    spannableString.setSpan(clickableSpan, 5, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    textView.setMovementMethod(LinkMovementMethod.getInstance());
    textView.setHighlightColor(Color.parseColor("#36969696"));
    textView.setText(spannableString);
}

这里写图片描述

ClickableSpan

//为文本设置可点击效果,设置这个属性的文本可以响应用户点击事件,点击事件用户可以自定义,就像效果图显示一样,用户可以实现点击跳转页面的效果
 class MyClickableSpan extends ClickableSpan {

    private String content;

    public MyClickableSpan(String content) {
        this.content = content;
    }

    //不重写该方法,则有粉红色高亮字体和下划线效果
    @Override
    public void updateDrawState(TextPaint ds) {
        //设置为true,有下划线; 设置为false,没有下划线
        ds.setUnderlineText(false);
        //给文字设置颜色
        ds.setColor(Color.parseColor("#0000ff"));
        //给文字设置背景色
        ds.bgColor = Color.parseColor("#00ff00");
    }

    @Override
    public void onClick(View widget) {
        Intent intent = new Intent(MainActivity.this, SecondActivity.class);
        intent.putExtra("content", content);
        startActivity(intent);
    }
}

private void setTextForTextView() {
    SpannableString spannableString = new SpannableString("为文字设置点击事件");
    MyClickableSpan clickableSpan = new MyClickableSpan("http://www.baidu.com");
    spannableString.setSpan(clickableSpan, 5, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

	textView.setMovementMethod(LinkMovementMethod.getInstance());
	textView.setHighlightColor(Color.parseColor("#ff0000")); 
    textView.setText(spannableString);
}
//注意:使用ClickableSpan的文本如果想真正实现点击作用,必须为TextView设置setMovementMethod方法,否则没有点击相应,至于setHighlightColor方法则是控制点击是的背景色,但只有第一次点击时有效果,第二次点击时没再出现效果。

这里写图片描述

MaskFilterSpan

//实现模糊和浮雕效果
private void setTextForTextView() {
  SpannableString spannableString = new SpannableString("为文字设置模糊和浮雕效果");
	//NORMAL - 字体变模糊    INNER - 字体颜色变浅    SOLID - 字体颜色加深    OUTER - 字体中空,类似于浮雕
    MaskFilterSpan maskFilterSpan = new MaskFilterSpan(new BlurMaskFilter(0.5f, BlurMaskFilter.Blur.SOLID));
    spannableString.setSpan(maskFilterSpan, 5, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    textView.setText(spannableString);
}

ScaleXSpan

//为文字设置基于X轴的缩放效果
private void setTextForTextView() {
    SpannableString spannableString = new SpannableString("为文字设置基于X轴的缩放效果");
    ScaleXSpan scaleXSpan = new ScaleXSpan (0.5f);
    spannableString.setSpan(scaleXSpan, 3, spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    textView.setText(spannableString);
}

最后 - - 了解一下 SpannableStringBuilder

应该有不少开发的小伙伴知道 StringBuilder,可以使用 append()方法实现字符串拼接,非常方便。同样,SpannableString 中也有 SpannableStringBuilder,顾名思义,就是实现对,SpannableString的一个拼接效果,同样是append()方法,可以实现各种风格效果的SpannableString拼接,非常实用。

private void setTextForTextView() {
    SpannableString spannableString01 = new SpannableString("设置文字的前景色为淡蓝色");
    ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.parseColor("#0099EE"));
    spannableString01.setSpan(colorSpan, 9, spannableString01.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    SpannableString spannableString02 = new SpannableString("为文字设置删除线");
    StrikethroughSpan throughSpan = new StrikethroughSpan();
    spannableString02.setSpan(throughSpan, 5, spannableString02.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

    SpannableStringBuilder builder = new SpannableStringBuilder();
    builder.append(spannableString01).append("; ").append(spannableString02);

    textView.setText(builder);
}

这里写图片描述

ScrollView 嵌套多个竖直向的 Recyclerview 时,图片显示不全的问题

这个问题在23版本(android 6.0)以上出现的,当 targetSdkVersion=23 时没有问题,但兼容到23版本以上就会出现这个问题。

方法一:RecyclerView 再嵌套一层 RelativeLayout 然后添加属性

android:descendantFocusability="blocksDescendants"

android:descendantFocusability 的含义:
当一个 View 获取焦点时,定义 ViewGroup 和其子控件两者之间的关系。
它一共有3个属性值:
beforeDescendants -> viewGroup会优先子类控件而获取焦点
afterDescendants -> viewGroup只有当子类控件不需要获取焦点的时候才去获取焦点
blocksDescendants -> viewGroup会覆盖子类控件而直接获取焦点

<RelativeLayout
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:descendantFocusability="blocksDescendants">
     
        <android.support.v7.widget.RecyclerView
             android:id="@+id/rv_me_window"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:paddingLeft="16dp"
             android:paddingRight="16dp"
             android:overScrollMode="never"/>
</RelativeLayout>

方法二: 将布局的 ScrollView 替换成 android.support.v4.widget.NestedScrollView,并在java代码中设置 recyclerView.setNestedScrollingEnabled(false);

反弹效果的 ScrollView(FlexibleScrollView)

public class FlexibleScrollView extends ScrollView {

    private static final String TAG = "FLEXIBLESCROLLVIEW";
    
    // 移动因子,是一个百分比,比如手指移动了100px,那么view只移动50px,目的是达到一个延迟的效果。
    private static final float MOVE_FACTOR = 0.5f;
    
    // 手指松开时,界面回到原始位置动画所需的时间
    private static final int ANIM_TIME = 300;
    
    // ScrollView唯一的一个子view
    private View contentView;

	// 手指按下时的Y值,用于计算移动中的移动距离
    // 如果按下时不能上拉或者下拉,会在手指移动时更新为当前手指的Y值。
    private float startY;
    
    // 用于记录正常的布局位置
    private Rect originalRect = new Rect();

	// 记录手指按下时是否可以下拉
    private boolean canPullDown = false;
    
    // 记录手指按下时是否可以上拉
    private boolean canPullUp = false;

	// 在手指滑动时的过程中记录是否移动了布局
    private boolean isMoved = false;

    public FlexibleScrollView(Context context) {
        this(context, null);
    }

    public FlexibleScrollView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public FlexibleScrollView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    /**
     * 在加载完xml后获取唯一的一个childview
     */
    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        if (getChildCount() > 0) {
            // 获取第一个childview
            contentView = getChildAt(0);
        }
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        super.onLayout(changed, l, t, r, b);
        if (contentView == null)
            return;
        // scrollview唯一的一个子view的位置信息,这个位置信息在整个生命周期中保持不变
        originalRect.set(contentView.getLeft(), contentView.getTop(), contentView.getRight(), contentView.getBottom());

    }

    /**
     * 重写拦截事件,防止自动轮播时,关闭收藏按钮
     *
     * @param ev
     * @return
     */
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return super.onInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        return super.onTouchEvent(ev);
    }

    // 在触摸事件中处理上拉和下拉的逻辑
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        if (contentView == null) {
            return super.dispatchTouchEvent(ev);
        }
        int action = ev.getAction();
        switch (action) {
            case MotionEvent.ACTION_DOWN:
                // 判断是否可以上拉或者下拉
                canPullDown = isCanPullDown();
                canPullUp = isCanPullUp();
                // 记录按下时的Y值
                startY = ev.getY();
                break;
            case MotionEvent.ACTION_UP:
                if (!isMoved)
                    break; // 如果没有移动布局,则跳过执行
                // 开启动画
                TranslateAnimation anim = new TranslateAnimation(0, 0, contentView.getTop(), originalRect.top);
                // 设置动画时间
                anim.setDuration(ANIM_TIME);
                // 给view设置动画
                contentView.setAnimation(anim);
                // 设置回到正常的布局位置
                contentView.layout(originalRect.left, originalRect.top, originalRect.right, originalRect.bottom);
                // 将标志位重置
                canPullDown = false;
                canPullUp = false;
                isMoved = false;
                break;
            case MotionEvent.ACTION_MOVE:
                // 在移动过程既没有达到上拉的程度,又没有达到下拉的程度
                if (!canPullDown && !canPullUp) {
                    startY = ev.getY();
                    canPullDown = isCanPullDown();
                    canPullUp = isCanPullUp();
                    break;
                }
                // 计算手指移动的距离
                float nowY = ev.getY();
                int deltaY = (int) (nowY - startY);
                // 是否应该移动布局
                // 1.可以下拉,并且手指向下移动
                // 2.可以上拉,并且手指向上移动
                // 3.既可以上拉也可以下拉,当ScrollView包裹的控件比scrollView还小
                boolean shouldMove = (canPullDown && deltaY > 0) || (canPullUp && deltaY < 0) || (canPullDown && canPullUp);
                if (shouldMove) {
                    // 计算偏移量
                    int offset = (int) (deltaY * MOVE_FACTOR);
                    contentView.layout(originalRect.left, originalRect.top + offset, originalRect.right, originalRect.bottom + offset);
                    isMoved = true;
                }
                break;
        }
        return super.dispatchTouchEvent(ev);
    }

    /**
     * 判断是否滚动到顶部
     *
     * @return
     */
    private boolean isCanPullDown() {
        return getScrollY() == 0 || contentView.getHeight() < getHeight() + getScrollY();
    }

    /**
     * 判断是否滚动到底部
     */
    private boolean isCanPullUp() {
        return contentView.getHeight() <= getScrollY() + getHeight();
    }
}

去除滑动到尽头时的阴影效果

android:overScrollMode=“never”

从父 View 中移除自己

    public static void removeSelfFromParent(View child){
        if (child != null){
            ViewGroup parent = (ViewGroup)child.getParent();
            if (parent != null && parent instanceof ViewGroup) {
                parent.removeView(child);
            }
        }
    }

不可滑动的 Viewpager(NoScrollViewPager)

  • 不可滑动
  • 去除了切换动画效果
  • 解决了百度地图的滑动冲突
/**
 * 不可滑动的 viewpager
 */
public class NoScrollViewPager extends ViewPager {

    private boolean isCanScroll = false;

    public NoScrollViewPager(Context context) {
        super(context);
    }

    public NoScrollViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    /**
     * 设置其是否能滑动换页
     *
     * @param isCanScroll false 不能换页, true 可以滑动换页
     */
    public void setScanScroll(boolean isCanScroll) {
        this.isCanScroll = isCanScroll;
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return isCanScroll && super.onInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        return isCanScroll && super.onTouchEvent(ev);
    }

	/**
     * 去除页面切换时的滑动翻页效果
     *
     * @param item
     */
    @Override
    public void setCurrentItem(int item) {
        super.setCurrentItem(item, false);
    }

    /**
     * 去除页面切换时的滑动翻页效果
     *
     * @param item
     * @param smoothScroll
     */
    @Override
    public void setCurrentItem(int item, boolean smoothScroll) {
        super.setCurrentItem(item, smoothScroll);
    }
    
 	/**
     * 解决viewPager与百度地图滑动冲突
     *
     * @param v
     * @param checkV
     * @param dx
     * @param x
     * @param y
     * @return
     */
    @Override
    protected boolean canScroll(View v, boolean checkV, int dx, int x, int y) {
        if (v.getClass().getName().equals("com.baidu.mapapi.map.MapView")) {
            return true;
        }
        //if(v instanceof MapView){
        //    return true;
        //}
        
        return super.canScroll(v, checkV, dx, x, y);
    }
}

不可滑动的 Listview(NoScrollListView)

用于 scrollview 中嵌套 listview 等多种布局展示数据时,解决滑动冲突问题

public class NoScrollListView extends ListView {

	public NoScrollListView(Context context) {
		super(context);
	}

	public NoScrollListView(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	public NoScrollListView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
	}

	/**
	 * 设置listView不可滑动
	 * @param widthMeasureSpec
	 * @param heightMeasureSpec
     */
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2,
				MeasureSpec.AT_MOST);
		super.onMeasure(widthMeasureSpec, expandSpec);
	}
}

不可滑动的 Gridview(NoScrollGridView)

    /**
     * 设置gridView不可滑动
     * @param widthMeasureSpec
     * @param heightMeasureSpec
     */
    @Override
    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int expandSpec = MeasureSpec.makeMeasureSpec(
                Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, expandSpec);
    }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值