# SquareMenu

**Repository Path**: HarmonyOS-tpc/SquareMenu

## Basic Information

- **Project Name**: SquareMenu
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-09-17
- **Last Updated**: 2023-04-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## SquareMenu

## Introduction
  SquareMenu is a custom Floating Action Button with a different shape from traditional FABs and with three sub menuComponent address.

## Usage Instruction

Supported Features with usage Examples
======================================

## SquareMenu Display with + icon :
SquareMenu is a custom Floating Action Button with + icon is displayed at bottom right.
   ```xml
	<com.devs.squaremenu.SquareMenu
            ohos:height="match_content"
            ohos:width="match_content"
            app:squareFabSize="80"
            app:fabColor="#FF4081"
            app:menuOpenDirection="top_left"
            app:iconM1="$media:ic_delete_forever_white_24dp"
            app:iconM2="$media:ic_call_white_24dp"
            app:iconM3="$media:ic_chat_white_24dp"
            ohos:align_parent_bottom="true"
            ohos:align_parent_right="true"
            ohos:background_element="$color:green"/>

```


## SquareMenu Dispaly with different Shape  :
SquareMenu is a custom Floating Action Button with different Shape and animation is displayed at bottom right.
   ```xml
	<com.devs.squaremenu.SquareMenu
            ohos:id="$+id:sm"
            ohos:width="match_content"
            ohos:height="match_content"
            app:squareFabSize="80"
            app:fabColor="#303F9F"
            app:autoClose="false"
            app:iconM1="$media:ic_delete_forever_white_24dp"
            app:iconM2="$media:ic_call_white_24dp"
            app:iconM3="$media:ic_chat_white_24dp"
            app:menuOpenDirection="top_right"
            ohos:align_parent_bottom="true"
            ohos:align_parent_left="true"
            ohos:background_element="$color:green"/>
```
## Installation instruction
Method 1:
Generate the .har package through the library and add the .har package to the libs folder.
Add the following code to the entry gradle:
    implementation fileTree  (dir: 'libs', include: ['*.jar', '*.har'])

Method 2:

Add following dependencies in entry build.gradle:**

    entry build.gradle:
    dependencies {
        implementation project(':squaremenu')
    }

Method 3:

For using SquareMenu from remote repository in separate application, add the below dependency in "entry" build.gradle.

Modify entry build.gradle as below :

```
dependencies {
  implementation 'io.openharmony.tpc.thirdlib:SquareMenu:1.0.0'
}
```
## LICENSE :

Copyright 2016 Deven Singh

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.