63、具有过渡动画效果的布局Layout
2015-11-26 16:27
351 查看
下面,下来看一个Demo的效果,代码如下:
![](http://images2015.cnblogs.com/blog/376754/201511/376754-20151126161755031-1998809393.png)
如上图所示,问题出来了,底部弹出来的把浮动的小圆给挡住了。这样到然是有问题的。所以需要再次进行修改。
修改代码如下:
![](http://images2015.cnblogs.com/blog/376754/201511/376754-20151126162430984-1809103570.png)
现在的效果就不会被挡住了,只需要把最外层的 FrameLayout修改成CoordinatorLayout 即可,非常方便。
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/root_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <android.support.design.widget.FloatingActionButton android:id="@+id/fab_btn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|right" android:layout_margin="10dp" android:src="@drawable/ic_launcher" app:fabSize="normal"/> </FrameLayout>
import android.os.Bundle; import android.support.design.widget.FloatingActionButton; import android.support.design.widget.Snackbar; import android.support.v7.app.AppCompatActivity; import android.view.View; import android.widget.FrameLayout; public class MainActivity2 extends AppCompatActivity { private FloatingActionButton fab_btn = null; private FrameLayout root_layout = null; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main2); root_layout = (FrameLayout) this.findViewById(R.id.root_layout); fab_btn = (FloatingActionButton) this.findViewById(R.id.fab_btn); fab_btn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Snackbar.make(root_layout, "我出来了", Snackbar.LENGTH_LONG) .setAction("知道了", new View.OnClickListener() { @Override public void onClick(View v) { } }).show(); } }); } }
![](http://images2015.cnblogs.com/blog/376754/201511/376754-20151126161755031-1998809393.png)
如上图所示,问题出来了,底部弹出来的把浮动的小圆给挡住了。这样到然是有问题的。所以需要再次进行修改。
修改代码如下:
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/root_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <android.support.design.widget.FloatingActionButton android:id="@+id/fab_btn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|right" android:layout_margin="10dp" android:src="@drawable/ic_launcher" app:fabSize="normal"/> </android.support.design.widget.CoordinatorLayout>
package com.example.com.designdemo; import android.os.Bundle; import android.support.design.widget.CoordinatorLayout; import android.support.design.widget.FloatingActionButton; import android.support.design.widget.Snackbar; import android.support.v7.app.AppCompatActivity; import android.view.View; public class MainActivity2 extends AppCompatActivity { private FloatingActionButton fab_btn = null; private CoordinatorLayout root_layout = null; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main2); root_layout = (CoordinatorLayout) this.findViewById(R.id.root_layout); fab_btn = (FloatingActionButton) this.findViewById(R.id.fab_btn); fab_btn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Snackbar.make(root_layout, "我出来了", Snackbar.LENGTH_LONG) .setAction("知道了", new View.OnClickListener() { @Override public void onClick(View v) { } }).show(); } }); } }
![](http://images2015.cnblogs.com/blog/376754/201511/376754-20151126162430984-1809103570.png)
现在的效果就不会被挡住了,只需要把最外层的 FrameLayout修改成CoordinatorLayout 即可,非常方便。
相关文章推荐
- WINDOWS 中 UNICODE的转换
- Volley之自定义XMLRequest
- [poj 2112]Optimal Milking
- iOSMVC设计模式
- Android修改修改JavaBean的属性导致Sqlite没有及时更新的问题
- 商品详情页系统的Servlet3异步化实践
- Swift静态方法
- Swift静态属性
- 解决Docker build时 Sending build context to Docker daemon 过大的问题
- 代理模式
- linkbutton按钮组件
- 信息学奥林匹克竞赛-三连击
- JAVA特殊API
- 8大爱的方式让您的婚礼绿色环保
- 8大爱的方式让您的婚礼绿色环保
- 华为机试——数组循环移位
- 不同控制器间model传递
- ESP32 beta 测试申请成功
- 开发工具网站
- PostgreSQL查询引擎源码技术探析