Android音乐、视频类APP常用控件:DraggablePanel(2)

简介: Android音乐、视频类APP常用控件:DraggablePanel(2)附录文章1主要演示了如何使用DraggablePanel 的DraggableView。


Android音乐、视频类APP常用控件:DraggablePanel(2)

附录文章1主要演示了如何使用DraggablePanel 的DraggableView。DraggablePanel除了DraggableView外,本身DraggablePanel与DraggableView不同的是,DraggableView是一个轻量级的“View”, 而DraggablePanel是一个重的面板、“平台”可以承载更重的如Android Fragment的组件。
写一个测试的MainActivity.java:

package zhangphil.demo;

import com.github.pedrovgs.DraggableListener;
import com.github.pedrovgs.DraggablePanel;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends FragmentActivity {

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

		final DraggablePanel draggablePanel = (DraggablePanel) findViewById(R.id.draggable_panel);
		findViewById(R.id.image).setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				draggablePanel.maximize();
			}
		});

		// 注意!添加的监听事件需要放在初始化之前,否则可能无法正常达到监听效果。
		draggablePanel.setDraggableListener(new DraggableListener() {

			@Override
			public void onMaximized() {
				Toast.makeText(getApplication(), "onMaximized", Toast.LENGTH_SHORT).show();
			}

			@Override
			public void onMinimized() {
				Toast.makeText(getApplication(), "onMinimized", Toast.LENGTH_SHORT).show();
			}

			@Override
			public void onClosedToLeft() {
				Toast.makeText(getApplication(), "onClosedToLeft", Toast.LENGTH_SHORT).show();
			}

			@Override
			public void onClosedToRight() {
				Toast.makeText(getApplication(), "onClosedToRight", Toast.LENGTH_SHORT).show();
			}
		});

		draggablePanel.setFragmentManager(getSupportFragmentManager());
		draggablePanel.setTopFragment(new MyTopFragment());
		draggablePanel.setBottomFragment(new MyBottomFragment());
		draggablePanel.initializeView();
	}

	private static class MyTopFragment extends Fragment {
		@Override
		public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
			View v = inflater.inflate(android.R.layout.simple_list_item_1, null);
			v.setBackgroundColor(0xFFEF5350);
			TextView text = (TextView) v.findViewById(android.R.id.text1);
			text.setText("zhang phil @ csdn , 顶");
			return v;
		}
	}

	private static class MyBottomFragment extends Fragment {
		@Override
		public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
			View v = inflater.inflate(android.R.layout.simple_list_item_1, null);
			v.setBackgroundColor(0xFF42A5F5);
			TextView text = (TextView) v.findViewById(android.R.id.text1);
			text.setText("zhang phil @ csdn , 底");
			return v;
		}
	}
}


所需的activity_main.xml布局文件:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:draggable_panel="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/image"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/ic_launcher" />

    <com.github.pedrovgs.DraggablePanel
        android:id="@+id/draggable_panel"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        draggable_panel:enable_horizontal_alpha_effect="false"
        draggable_panel:top_fragment_height="200dip"
        draggable_panel:top_fragment_margin_bottom="20dip"
        draggable_panel:top_fragment_margin_right="20dip"
        draggable_panel:x_scale_factor="2.3"
        draggable_panel:y_scale_factor="2.3" />

</FrameLayout>



代码运行结果,从顶向底拖曳,然后到底后再水平向左拖曳,最终点击Android小机器人使之复位,如图所示:






代码中写了两个不同的Android Fragment加载到DraggablePanel中,分别为top和bottom。


附录文章:
1,《Android音乐、视频类APP常用控件:DraggablePanel(1)》链接地址:http://blog.csdn.net/zhangphil/article/details/51566860
2,《Android自底部平滑向上滑出面板的AndroidSlidingUpPanel》链接地址:http://blog.csdn.net/zhangphil/article/details/51444509
 

相关文章
|
1月前
uni-app 77聊天类封装(十三)-断线重连提示
uni-app 77聊天类封装(十三)-断线重连提示
23 0
|
1月前
uni-app 73聊天类封装(八)-添加聊天记录
uni-app 73聊天类封装(八)-添加聊天记录
28 3
|
1月前
uni-app 70聊天类封装(五)-发送消息
uni-app 70聊天类封装(五)-发送消息
27 1
|
1月前
|
Android开发
[Android]RadioButton控件
[Android]RadioButton控件
12 0
|
1月前
uni-app 81聊天类封装(十五)-读取会话功能
uni-app 81聊天类封装(十五)-读取会话功能
16 1
|
1月前
uni-app 79聊天类封装(十四)-处理接收消息
uni-app 79聊天类封装(十四)-处理接收消息
15 2
|
1月前
uni-app 76聊天类封装(十一)-更新会话列表(二)
uni-app 76聊天类封装(十一)-更新会话列表(二)
13 1
|
1月前
uni-app 75聊天类封装(十)-更新会话列表(一)
uni-app 75聊天类封装(十)-更新会话列表(一)
12 0
|
1月前
uni-app 74聊天类封装(九)-更新指定聊天记录
uni-app 74聊天类封装(九)-更新指定聊天记录
17 2
|
1月前
uni-app 72聊天类封装(七)-完善发送消息状态
uni-app 72聊天类封装(七)-完善发送消息状态
34 3