{"id":13645089,"url":"https://github.com/zhangxuyang321/StepView","last_synced_at":"2025-04-21T13:31:46.881Z","repository":{"id":201671584,"uuid":"81550578","full_name":"zhangxuyang321/StepView","owner":"zhangxuyang321","description":"流程步骤指示器 stepview","archived":false,"fork":false,"pushed_at":"2018-01-10T11:26:36.000Z","size":2872,"stargazers_count":373,"open_issues_count":5,"forks_count":63,"subscribers_count":9,"default_branch":"master","last_synced_at":"2024-08-02T01:24:30.707Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zhangxuyang321.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2017-02-10T09:43:27.000Z","updated_at":"2024-07-17T05:37:32.000Z","dependencies_parsed_at":null,"dependency_job_id":"9d6fa649-e410-4a5c-b0c3-e82accec486d","html_url":"https://github.com/zhangxuyang321/StepView","commit_stats":null,"previous_names":["zhangxuyang321/stepview"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhangxuyang321%2FStepView","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhangxuyang321%2FStepView/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhangxuyang321%2FStepView/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhangxuyang321%2FStepView/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zhangxuyang321","download_url":"https://codeload.github.com/zhangxuyang321/StepView/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223867789,"owners_count":17216958,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-02T01:02:26.391Z","updated_at":"2024-11-09T18:30:16.805Z","avatar_url":"https://github.com/zhangxuyang321.png","language":"Java","funding_links":[],"categories":["StepView"],"sub_categories":[],"readme":"# StepView\n\n## introduce\n\nStepView is extracted from the software developed by my company and do the reinforcement, divided into horizontal and vertical version, color size freely adjustable, flexible to use!\n\n[中文版在这里](https://github.com/zhangxuyang321/StepView/blob/master/StepView.md)\n## UI\n\n[Download Demo](https://github.com/zhangxuyang321/StepView/blob/master/apk/step.apk)\n\n![1](https://github.com/zhangxuyang321/StepView/blob/master/ui/hflow.png)\n![2](https://github.com/zhangxuyang321/StepView/blob/master/ui/vflow.png)\n\n## How to use\n\n### Gradle\n\n```Groovy\ncompile 'com.xyz.step:step:1.0.4'\n```\n\n### Maven\n\n```xml\n\u003cdependency\u003e\n  \u003cgroupId\u003ecom.xyz.step\u003c/groupId\u003e\n  \u003cartifactId\u003estep\u003c/artifactId\u003e\n  \u003cversion\u003e1.0.4\u003c/version\u003e\n  \u003ctype\u003epom\u003c/type\u003e\n\u003c/dependency\u003e\n```\n\n### Horizontal View\n\n#### Attribute is introduced\n\nAttribute | Describe | Type | Default value | Whether must\n--- | --- | --- | --- | ---\nh_bg_radius | Background circle radius | dimension | 5 | No\nh_pro_radius | Has completed the radius of the circles | dimension | 2 | No \nh_bg_width | Background line width | dimension | 3 | No\nh_bg_color | Background Color | color | #cdcbcc | No\nh_pro_width | The width of the line has been completed | dimension | 2 | No\nh_pro_color | The completed color | color | #029dd5 | No\nh_text_padding | Text and distance of the circle | dimension | 10 | No\nh_time_padding | Time and distance of the circle | dimension | 15 | No\nh_max_step | Total steps | int | 5 | No\nh_pro_step | Step has been completed | int | 1 | No\nh_textsize | textsize | dimension | 10 | No\n\n#### layout\n\n```xml\n\u003ccom.xyz.step.FlowViewHorizontal\n        android:id=\"@+id/hflowview4\"\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"80dp\"\n        android:paddingLeft=\"30dp\"\n        app:h_bg_radius=\"6dp\"\n        app:h_bg_width='4dp'\n        app:h_pro_radius='4dp'\n        app:h_pro_width=\"2dp\"\n        app:h_text_padding='10dp'\n        app:h_textsize='10dp'\n        app:h_time_padding='17dp' /\u003e\n```\n\n#### Code\n\n```java\n    /**\n     * Progress Settings\n     * @param progress  Have completed a few steps\n     * @param maxStep  Total steps\n     * @param titles   \t    Step name\n     * @param times      Every step of the completion time\n     */\n    public void setProgress(int progress, int maxStep, String[] titles, String[] times);\n    \n    /**\n     * Color Settings\n     * @param map \u003ctext,color\u003e\n     */\n    public void setKeyColor(Map\u003cString, String\u003e map);\n```\n\n### Vertical View\n\n#### Attribute is introduced\n\nAttribute | Describe | Type | Default value | Whether must\n--- | --- | --- | --- | ---\nv_bg_radius | Background circle radius | dimension | 5 | No\nv_pro_radius | Has completed the radius of the circle | dimension | 2 | No\nv_bg_width | Background line width | dimension | 3 | No\nv_bg_color | Background Color | color | #cdcbcc | No\nv_pro_width | The width of the line has been completed | dimension | 2 | No\nv_pro_color |  The completed color | color | #029dd5 | No\nv_interval | interval | dimension | 80 | No\nv_bgPositionX | In a horizontal position | dimension | 100 | No\nv_textPaddingLeft | The distance of text and lines | dimension | 10 | No\nv_timePaddingRight | The distance of time and lines | dimension | 15 | No\nv_max_step | Total steps | int | 5 | No\nv_pro_step | Step has been completed | int | 1 | No\nv_textsize | Text size | dimension | 10 | No\nv_textMoveTop | The text on the vertical distance | dimension | 5 | No\nv_timeMoveTop | The time on the vertical distance | dimension | 4 | No\n\n#### layout\n\n```xml\n\u003ccom.xyz.step.FlowViewVertical\n        android:id=\"@+id/vflow\"\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"wrap_content\"\n        android:paddingBottom=\"10dp\"\n        android:paddingRight=\"10dp\"\n        android:paddingTop=\"10dp\"\n        app:v_bgPositionX=\"40dp\"\n        app:v_bg_color=\"#029dd5\"\n        app:v_bg_radius=\"8dp\"\n        app:v_bg_width=\"4dp\"\n        app:v_interval=\"80dp\"\n        app:v_max_step=\"10\"\n        app:v_pro_color=\"#cdcbcc\"\n        app:v_pro_radius=\"8dp\"\n        app:v_pro_step=\"9\"\n        app:v_pro_width=\"4dp\"\n        app:v_textMoveTop=\"7dp\"\n        app:v_textsize=\"14dp\" /\u003e\n```\n\n#### Code\n\n``` java\n    /**\n     * Progress Settings\n     * @param progress Have completed a few steps\n     * @param maxStep  Total steps\n     * @param titles    Step description\n     * @param times    Time description\n     */\n    public void setProgress(int progress, int maxStep, String[] titles, String[] times);\n    \n    \n    /**\n     *  Color Settings\n     * @param map \u003ctext,color\u003e\n     */\n    public void setKeyColor(Map\u003cString, String\u003e map);\n    \n```\n\n## Use attention\n\n###All directions\n\n* When title[] and time[] uploading the null does not show the indicator、words and time.\n  \n* Min steps sum(max_step)\u003e=2 and \u003e= finished steps(pro_step)\n* The unit of the font’s size is dp\n* The color setting of the concrete steps is according to the key from the map whether title[] contain or not to make a decision whether change or not\n* Only finished steps can set color individually, unfinished steps all use the color from bg_color\n\n### Transverse \n* Lateral indicator counts intervals between steps automatically\n* Lateral indicator is placed in the middle automatically, when you set paddingLeft ,you do not need to set paddingRight\n* Lateral indicator can not slide transversely\n\n###Vertical\n* Vertical indicator need to set the intervals between steps(v_interval)\n* Vertical indicator can combine with ScrollView to get slide\n* Vertical indicator doesn’t use item reusing, you’d better use listview if the date size is bigger\n* Vertical indicator’s word drawing is different, which leads to words and *\n* steps nodes(O) not in the same horizontal, you can adapt v_textMove Top with v_timeMove Top \n\n\n## LICENSE 开源协议\n\n    Apache License Version 2.0\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhangxuyang321%2FStepView","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzhangxuyang321%2FStepView","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhangxuyang321%2FStepView/lists"}