用 Dialog 做的一个 panel , 类 iOS 上的 sheet , 看一下,说不定用得上

1,965 阅读1分钟

XanderPanel

平时工作需要,加上自己的业余时间做了这么一个控件。

priview

  • 普通模式

就像 AlertDialog , 只不过宽度是全屏,并且对进入和退出动画做了优化,使用方法参考下面代码

XanderPanel.Builder mBuilder = new XanderPanel.Builder(mContext);
mBuilder.setTitle("Title")
    .setIcon(R.mipmap.ic_launcher)
    .setMessage("I am Message!!!")
    .setGravity(Gravity.TOP)
    .setController("Cancel", "Ok", new PanelInterface.PanelControllerListener() {
        @Override
        public void onPanelNagetiiveClick(XanderPanel panel) {
            toast("onPanelNagetiiveClick");
        }

        @Override
        public void onPanelPositiveClick(XanderPanel panel) {
            toast("onPanelPositiveClick");
        }
    })
    .setCanceledOnTouchOutside(true);
xanderPanel.show();
  • Sheet 模式

仿照 iOS 上的 ActionSheet 做的,

XanderPanel.Builder mBuilder = new XanderPanel.Builder(mContext);
mBuilder.setSheet(
    new String[]{"I", "am", "sheet", "item"},
    true,
    new PanelInterface.SheetListener() {
        @Override
        public void onSheetItemClick(int position) {
            toast("click sheet item " + position);
        }

        @Override
        public void onSheetCancelClick() {
            toast("sheet cancel");
        }
    }
);
xanderPanel.show();
  • Menu 模式

添加对 menu.xml 文件的支持, menuitem 的宽度时全屏的,现在很多 app 都是这样子的设计了。 同时还可以设置排列的样式 list 和 grid

XanderPanel.Builder mBuilder = new XanderPanel.Builder(mContext);
mBuilder.list()
.setMenu(R.menu.main_menu, new PanelInterface.PanelMenuListener() {
    @Override
    public void onMenuClick(MenuItem menuItem) {
        toast("click MenuItem " + menuItem.getTitle());
    }
})
.setGravity(Gravity.BOTTOM)
.setCanceledOnTouchOutside(true);
xanderPanel.show();
  • 自定义布局

同样支持自定义布局,自定义布局代码可参考如下代码

XanderPanel.Builder mBuilder = new XanderPanel.Builder(mContext);
mBuilder.setCanceledOnTouchOutside(true);
mBuilder.setGravity(Gravity.BOTTOM);
View mCustomViewBottom = mInflater.inflate(R.layout.custom_layout, null);
mBuilder.setView(mCustomViewBottom);
xanderPanel.show();
  • 分享模式

项目里面有时候需要分享,顺便就加进来了,同样支持 list 和 grid 样式排列

XanderPanel.Builder mBuilder = new XanderPanel.Builder(mContext);
mBuilder.grid(2,3)
.shareText("test share")
.setGravity(Gravity.BOTTOM)
.setCanceledOnTouchOutside(true);
xanderPanel.show();

如何使用

发布到了 Jcenter , 如果你是用 Android studio 开发的话,会比较方便,在模块 build.gradle 下添加

gradle

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    compile 'com.xandy.panel:xanderpanel:1.3'
}

maven


  com.xander.panel
  xanderpanel
  1.3
  pom

License

Copyright 2013 Issac Wong

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

 http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.