改写控件之《仿iOS滑动枷锁样式的登录》

转载请注明出处：王亟亟的大牛之路

iOS的滑动解锁你的心系列（张翰梗）一直是个人觉得蛮好的看的一个东西，然后今天就把这样的一个控件应用到我们今天的Demo中让他滑动解锁。

样式是这样的：出处

初始化

滑好后

包目录：

流程–用户打开App–输入账号密码–滑动登录–正确/错误–登陆成功提示/弹出对话框。

很普遍的登陆流程，只是在具体实现上做一些改变，摆脱单一的登录，，注册按钮等。

MainActivity:

.OnTriggerListener,OnTouchListener{SlideBar slideToUnLock;IconEditText users,password;String User,Password;(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);slideToUnLock = (SlideBar)findViewById(R.id.slideBar);users=(IconEditText)findViewById(R.id.user);password=(IconEditText)findViewById(R.id.password);slideToUnLock.setOnTouchListener(this);slideToUnLock.setOnTriggerListener(this);}() {Toast.makeText(this, getResources().getString(R.string.unlock_string), Toast.LENGTH_SHORT).show();}void logic(){User=users.getEditText().getText().toString();Password=password.getEditText().getText().toString();if(!User.equals(“wjj”)||!Password.equals(“123″)){dialog();}}(View v, MotionEvent event) {int action=event.getAction();switch (action){case MotionEvent.ACTION_DOWN:logic();break;}return false;}() {AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);builder.setMessage(” “);builder.setTitle(” “);builder.setPositiveButton(“.”, new DialogInterface.OnClickListener() {(DialogInterface dialog, int which) {dialog.dismiss();}});builder.create().show();}(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.menu_main, menu);return true;}(MenuItem item) {id = item.getItemId();//noinspection SimplifiableIfStatementif (id == R.id.action_settings) {return true;}return super.onOptionsItemSelected(item);}}

主布局

<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android”xmlns:tools=”http://schemas.android.com/tools”xmlns:widget=”http://schemas.android.com/apk/res-auto”xmlns:prvandroid=”http://schemas.android.com/apk/res-auto”android:layout_width=”match_parent”android:layout_height=”match_parent”tools:context=”.MainActivity”android:background=”@drawable/bg”><RelativeLayoutandroid:layout_marginLeft=”40dp”android:layout_marginRight=”40dp”android:layout_width=”match_parent”android:layout_height=”wrap_content”android:layout_gravity=”center”android:layout_centerVertical=”true”android:layout_centerHorizontal=”true”><logdemoandroid:layout_width=”match_parent”android:layout_height=”wrap_content”android:textColorHint=”#ffffff”widget:hint=”@string/user_name”widget:iconSrc=”@mipmap/users”android:id=”@+id/user”widget:isPassword=”false”android:background=”@drawable/layout_bg”></logdemo><logdemoandroid:layout_width=”match_parent”android:layout_height=”wrap_content”android:textColorHint=”#ffffff”widget:hint=”@string/password”widget:iconSrc=”@mipmap/lock”android:id=”@+id/password”widget:isPassword=”true”android:layout_below=”@id/user”android:layout_marginTop=”30dp”android:background=”@drawable/layout_bg”></logdemo></RelativeLayout><logdemoandroid:id=”@+id/slideBar”android:layout_width=”@dimen/slide_bar_width”android:layout_height=”@dimen/slide_bar_height”android:layout_centerHorizontal=”true”android:layout_alignParentBottom=”true”android:layout_marginBottom=”20dip”android:background=”@drawable/layout_bg”prvandroid:MinVelocityXToUnlock=”1500″prvandroid:MinDistanceToUnlock=”240″prvandroid:LeftAnimationDuratioin=”200″prvandroid:RightAnimationDuratioin=”300″><logdemoandroid:id=”@+id/gradientView”android:layout_width=”match_parent”android:layout_height=”match_parent”android:layout_centerVertical=”true”android:layout_marginLeft=”@dimen/gradient_view_margin_left”prvandroid:StringToShow=”@string/slide_to_unlock_string”prvandroid:TextSize=”@dimen/gradient_text_size”prvandroid:TextColor=”@color/gradient_text_color”prvandroid:SlideColor=”@color/gradient_slide_text_color”/></logdemo></RelativeLayout>

IconEditText：

前有阻碍，奋力把它冲开，运用炙热的激-情，