Android开发-DesignDemo-AndroidStudio(十)FloatingActionButton(2)
2016-11-04 16:01
375 查看
FloatingActionButton和ImageButton的区别:
跟上一篇博文对比,这里左右对调了两种Button的位置,对实现效果没有影响,可以自己尝试换过来,也是可以的。
左边是FloatingActionButton,右边是ImageButton。
另外,还实现了一个CollapsingToolbarLayout,就是折叠的ActionBar。
直接看下面的GIF比较直观:
activity_main.xml:
MainAcitivity.java:跟上一篇博文一样
package com.iwanghang.coordinatordemo;
import android.support.design.widget.CoordinatorLayout;
import android.support.design.widget.Snackbar;
import android.support.design.widget.SwipeDismissBehavior;
import android.support.v4.view.ViewCompat;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.widget.TextView;
import java.util.ArrayList;
import java.util.List;
import java.util.Locale;
public class MainActivity extends AppCompatActivity {
private TextView textView_1;
private TextView textView_2;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//textView_1 = (TextView) findViewById(R.id.textView_1);
textView_2 = (TextView) findViewById(R.id.textView_2);
// 手动强转控件类型
//CoordinatorLayout.LayoutParams params_1 =
// (CoordinatorLayout.LayoutParams) textView_1.getLayoutParams();
CoordinatorLayout.LayoutParams params_2 =
(CoordinatorLayout.LayoutParams) textView_2.getLayoutParams();
// setBehavior 设置控件的行为
//params.setBehavior();
// SwipeDismissBehavior 实例化滑动删除行为
SwipeDismissBehavior<View> behavior = new SwipeDismissBehavior<>();
// 滑动删除行为监听
behavior.setListener(new SwipeDismissBehavior.OnDismissListener() {
@Override
public void onDismiss(View view) { // 当控件消失
// 在设置控件隐藏之前,其实控件只是透明,还可以滑动回来
view.setVisibility(View.GONE); // 设置控件隐藏
Snackbar.make(view,"删除控件",Snackbar.LENGTH_LONG)
.setAction("撤销", new View.OnClickListener() {
@Override
public void onClick(View view) {
textView_2.setVisibility(View.VISIBLE); // 设置控件显示
ViewCompat.animate(textView_2).alpha(1).start();
}
}).show();
}
@Override
public void onDragStateChanged(int state) { // 当控件停止
}
});
// 把滑动删除行为设置到textView控件上
params_2.setBehavior(behavior);
RecyclerView recycler_1 = (RecyclerView) findViewById(R.id.recycler_1);
List<String> list = new ArrayList<>();
for (int i = 0; i <100 ; i++) {
list.add(String.format(Locale.CHINA,"第%03d条数据",i+1));
}
recycler_1.setAdapter(new MyAdapter(this,list));
MyBehavior myBehavior = new MyBehavior();
//params_1.setBehavior(myBehavior);
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
// FloatingActionButton 点击事件监听
findViewById(R.id.fab).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Snackbar.make(view,"FloatingActionButton Click",Snackbar.LENGTH_LONG).show();
}
});
// ImageButton 点击事件监听
findViewById(R.id.imageBtn).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Snackbar.make(view,"ImageButton Click",Snackbar.LENGTH_LONG).show();
}
});
}
}
跟上一篇博文对比,这里左右对调了两种Button的位置,对实现效果没有影响,可以自己尝试换过来,也是可以的。
左边是FloatingActionButton,右边是ImageButton。
另外,还实现了一个CollapsingToolbarLayout,就是折叠的ActionBar。
直接看下面的GIF比较直观:
activity_main.xml:
<?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.iwanghang.coordinatordemo.MainActivity"> <!--layout_scrollFlags enterAlwaysCollapsed 第一条上拉至第一条数据才出现ActionBar--> <!--layout_scrollFlags enterAlways 只要上拉就出现ActionBar--> <!--contentScrim 遮蔽颜色--> <!--layout_collapseMode parallax 视差--> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content" app:theme="@style/Widget.AppCompat.ActionBar"> <android.support.design.widget.CollapsingToolbarLayout app:layout_scrollFlags="scroll|exitUntilCollapsed" app:contentScrim="@color/colorAccent" android:layout_width="match_parent" android:layout_height="wrap_content"> <ImageView app:layout_collapseMode="parallax" android:layout_width="match_parent" android:layout_height="200dp" android:src="@mipmap/ic_launcher"/> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?actionBarSize" /> </android.support.design.widget.CollapsingToolbarLayout> <!--<TextView--> <!--android:text="悬停条目"--> <!--android:textColor="#ffffff"--> <!--android:layout_width="match_parent"--> <!--android:layout_height="wrap_content" />--> </android.support.design.widget.AppBarLayout> <android.support.v7.widget.RecyclerView android:id="@+id/recycler_1" app:layout_behavior="@string/appbar_scrolling_view_behavior" android:layout_width="match_parent" android:layout_height="match_parent" app:layoutManager="LinearLayoutManager" /> <!--<TextView--> <!--android:clickable="true"--> <!--android:id="@+id/textView_1"--> <!--android:layout_width="wrap_content"--> <!--android:layout_height="wrap_content"--> <!--android:layout_marginTop="100dp"--> <!--android:layout_marginLeft="100dp"--> <!--android:textSize="20sp"--> <!--android:background="#f00"--> <!--android:text="textView_1\nlist上下滚动显示隐藏\n通过setBehavior实现" />--> <TextView android:clickable="true" android:id="@+id/textView_2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:textSize="20sp" android:background="#f00" android:text="textView_2\n向右滑动" /> <TextView app:layout_behavior="com.iwanghang.coordinatordemo.MyBehavior" android:clickable="true" android:id="@+id/textView_3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center|bottom" android:textSize="20sp" android:background="#f00" android:text="textView_3\nlist上下滚动显示隐藏\n指定layout_behavior实现" /> <!--右下角 FloatingActionButton--> <android.support.design.widget.FloatingActionButton android:id="@+id/fab" app:layout_anchor="@id/appbar" app:layout_anchorGravity="start|bottom" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/ic_launcher" /> <!--左下角 ImageButton--> <ImageButton android:id="@+id/imageBtn" app:layout_anchor="@id/appbar" app:layout_anchorGravity="end|bottom" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/ic_launcher" /> </android.support.design.widget.CoordinatorLayout>
MainAcitivity.java:跟上一篇博文一样
package com.iwanghang.coordinatordemo;
import android.support.design.widget.CoordinatorLayout;
import android.support.design.widget.Snackbar;
import android.support.design.widget.SwipeDismissBehavior;
import android.support.v4.view.ViewCompat;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.widget.TextView;
import java.util.ArrayList;
import java.util.List;
import java.util.Locale;
public class MainActivity extends AppCompatActivity {
private TextView textView_1;
private TextView textView_2;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//textView_1 = (TextView) findViewById(R.id.textView_1);
textView_2 = (TextView) findViewById(R.id.textView_2);
// 手动强转控件类型
//CoordinatorLayout.LayoutParams params_1 =
// (CoordinatorLayout.LayoutParams) textView_1.getLayoutParams();
CoordinatorLayout.LayoutParams params_2 =
(CoordinatorLayout.LayoutParams) textView_2.getLayoutParams();
// setBehavior 设置控件的行为
//params.setBehavior();
// SwipeDismissBehavior 实例化滑动删除行为
SwipeDismissBehavior<View> behavior = new SwipeDismissBehavior<>();
// 滑动删除行为监听
behavior.setListener(new SwipeDismissBehavior.OnDismissListener() {
@Override
public void onDismiss(View view) { // 当控件消失
// 在设置控件隐藏之前,其实控件只是透明,还可以滑动回来
view.setVisibility(View.GONE); // 设置控件隐藏
Snackbar.make(view,"删除控件",Snackbar.LENGTH_LONG)
.setAction("撤销", new View.OnClickListener() {
@Override
public void onClick(View view) {
textView_2.setVisibility(View.VISIBLE); // 设置控件显示
ViewCompat.animate(textView_2).alpha(1).start();
}
}).show();
}
@Override
public void onDragStateChanged(int state) { // 当控件停止
}
});
// 把滑动删除行为设置到textView控件上
params_2.setBehavior(behavior);
RecyclerView recycler_1 = (RecyclerView) findViewById(R.id.recycler_1);
List<String> list = new ArrayList<>();
for (int i = 0; i <100 ; i++) {
list.add(String.format(Locale.CHINA,"第%03d条数据",i+1));
}
recycler_1.setAdapter(new MyAdapter(this,list));
MyBehavior myBehavior = new MyBehavior();
//params_1.setBehavior(myBehavior);
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
// FloatingActionButton 点击事件监听
findViewById(R.id.fab).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Snackbar.make(view,"FloatingActionButton Click",Snackbar.LENGTH_LONG).show();
}
});
// ImageButton 点击事件监听
findViewById(R.id.imageBtn).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Snackbar.make(view,"ImageButton Click",Snackbar.LENGTH_LONG).show();
}
});
}
}
相关文章推荐
- Android开发-DesignDemo-AndroidStudio(九)FloatingActionButton(1)
- Android开发-DesignDemo-AndroidStudio(九)FloatingActionButton(1)
- Android开发-DesignDemo-AndroidStudio(十一)FloatingActionButton(3)
- Android开发-DesignDemo-AndroidStudio(十一)FloatingActionButton(3)
- Android开发-DesignDemo-AndroidStudio(十)FloatingActionButton(2)
- Android开发-DesignDemo-AndroidStudio(四)单选、子菜单、header
- Android开发-DesignDemo-AndroidStudio(五)Coordinator
- Android Design AppBarLayout、NavigationView、FloatingActionButton、CollapsingToolbarLayout等控件的使用
- Android开发-DesignDemo-AndroidStudio(三)右滑菜单点击监听
- Android Design Support Library之FAB(Floating Action Button)
- Android Design Support Library(一):FloatingActionButton、TextInputLayout、TextInputEditText简单用法
- Android Support Design 控件 FloatingActionButton
- Android Design Support Library(一):FloatingActionButton、TextInputLayout、TextInputEditText简单用法
- Android开发-DesignDemo-AndroidStudio(六)CoordinatorDemo(1)
- Android开发-DesignDemo-AndroidStudio(一)ViewPager实现
- Android开发-DesignDemo-AndroidStudio(一)ViewPager实现
- Android FloatingActionButton使用方法及小技巧-design
- Android Design Support Library--FloatingActionButton及其Behavior的使用
- Android材料设计兼容函数库(Design Support Library)(II)浮动操作按钮(Floating Action Button)
- Android异常--Error inflating class android.support.design.widget.FloatingActionButton