CustomViewSets

KO | EN

gitlite — search

#nodejs #python #javascript #bot #docker #java #terminal #dotfiles #testing #visualization #ansible #ansible-role

★ 72 Open GitHub ↗

自定义View的集合

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 自定义View集合

![Basic_Opreation](https://github.com/zyyoona7/CustomViewSets/blob/master/images/basic_operation.gif)

### ZoomHoverView

**click to zoom in and float view  点击放大悬浮的自定义View**

![ZoomHoverView](https://github.com/zyyoona7/CustomViewSets/blob/master/images/zoomhover.gif)

### Usage

### ZoomHoverView
**layout:**
  ```xml
  <com.zyyoona7.customviewsets.zoom_hover.ZoomHoverView
      android:id="@+id/zoom_hover_view"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:background="@color/colorPrimary"
      android:layout_gravity="center"
      zhv:zhv_column_num="5"
      zhv:zhv_divider="5dp"
      zhv:zhv_margin_parent="30dp"
      zhv:zhv_zoom_duration="200"
      zhv:zhv_zoom_to="1.5">

</com.zyyoona7.customviewsets.zoom_hover.ZoomHoverView>
  ```
**java**
  ```java
        mAdapter = new TestZoomHoverAdapter(mList);
        final SimpleArrayMap<Integer, Integer> map = new SimpleArrayMap<>();
        map.put(0, 2);
        mZoomHoverView.setSpan(map);
        mZoomHoverView.setAdapter(mAdapter);
        //设置动画监听
        mZoomHoverView.setOnZoomAnimatorListener(new OnZoomAnimatorListener() {
            @Override
            public void onZoomInStart(View view) {
                //放大动画开始
                view.setBackground(getResources().getDrawable(android.R.drawable.dialog_holo_light_frame));
            }

@Override
            public void onZoomInEnd(View view) {

}

@Override
            public void onZoomOutStart(View view) {
                //缩小动画开始
            }

@Override
            public void onZoomOutEnd(View view) {
                view.setBackgroundColor(getResources().getColor(R.color.colorAccent));
            }
        });

mZoomHoverView.setOnItemSelectedListener(new OnItemSelectedListener() {
            @Override
            public void onItemSelected(View view, int position) {
                Toast.makeText(ZoomHoverActivity.this,"selected position="+position,Toast.LENGTH_SHORT).show();
            }
        });
        
        //设置放大动画插值器
        mZoomHoverView.setZoomInInterpolator(interpolator);
        //设置缩小动画插值器
        mZoomHoverView.setZoomOutInterpolator(interpolator);
        //同时设置两个动画的插值器
        mZoomHoverView.setZoomInterpolator(interpolator);
        //设置选中的item
        mZoomHoverView.setSelectedItem(position);
  ```
### ZoomHoverGridView 
**layout**
```xml
<com.zyyoona7.customviewsets.zoom_hover.ZoomHoverGridView
      android:id="@+id/zoom_hover_grid_view"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:background="@color/colorPrimary"
      zhv:zhv_column_num="7"
      zhv:zhv_divider="5dp"
      zhv:zhv_margin_parent="50dp"
      zhv:zhv_zoom_duration="200"
      zhv:zhv_zoom_to="1.5"
      zhv:zhv_use_baseWH="true"
      zhv:zhv_base_width="70dp"
      zhv:zhv_base_height="70dp">

</com.zyyoona7.customviewsets.zoom_hover.ZoomHoverGridView>
```
**java**
```java
mZoomHoverGridView.addSpanItem(0, 1, 2);
mZoomHoverGridView.addSpanItem(3, 2, 2);
mZoomHoverGridView.addSpanItem(4, 2, 1);
mZoomHoverGridView.addSpanItem(5, 1, 3);

mZoomHoverGridView.setAdapter(mAdapter);
```
  **自定义属性**
  ```xml
  <declare-styleable name="ZoomHoverView">
        
        <attr name="zhv_column_num" format="integer" />
        
        <attr name="zhv_divider" format="dimension" />
        
        <attr name="zhv_margin_parent" format="dimension" />
        
        <attr name="zhv_zoom_duration" format="integer" />
        
        <attr name="zhv_zoom_to" format="float" />
        
        <attr name="zhv_use_baseWH" format="boolean" />
        
        <attr name="zhv_base_width" format="dimension" />
        
        <attr name="zhv_base_height" format="dimension" />
  </declare-styleable>
  ```
### Changed
  - 新增**ZoomHoverGridView**继承自GridLayout，可以实现拉伸行和列
  - 修改添加拉伸的方法，放进了view中（原来在adapter中）

### Thanks
[GridBuilder](https://github.com/Eason90/GridBuilder)

### CardLayoutManager

**代码完全从[CardLayoutManager](https://github.com/qibin0506/CardLayoutManager)复制,谢谢作者**

![CardLayoutManager](https://github.com/zyyoona7/CustomViewSets/blob/master/images/cardLayoutManager.gif)
  
### Horizontal Pagination RecyclerView

![PaginationRv](https://github.com/zyyoona7/CustomViewSets/blob/master/images/paginationRv.gif)
  
### HeartView
![](https://github.com/zyyoona7/CustomViewSets/blob/master/images/heart_view.gif)

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.
```

CustomViewSets

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README