Custom horizontal progress bar style: Black dotted line and progress bar dotted line

Source: Internet
Author: User

Custom horizontal progress bar style: Black dotted line and progress bar dotted line
Used in layout:

1 <ProgressBar 2 android: id = "@ + id/progress_bar" 3> 4 android: progressDrawable = "@ drawable/myprogress" <! -- Use a custom style --> 5 android: layout_width = "158dp" 6 android: layout_height = "5dp" 7 android: layout_marginTop = "5dp" 8 android: maxHeight = "5dp" 9 android: minHeight = "5dp" 10 android: max = "100" 11 android: secondaryProgress = "0" 12 android: progress = "0" 13 android: indeterminateOnly = "false"/>
The following is the xml source code myprogress. xml:

 

1 <? Xml version = "1.0" encoding = "UTF-8"?> 2 <layer-list xmlns: android = "http://schemas.android.com/apk/res/android"> 3 <! -- The order of item background and progress cannot be reversed --> 4 <item android: id = "@ android: id/background"> 5 <shape android: shape = "line"> 6 <stroke 7 android: width = "4dp" android: color = "#666666" <! -- Background color and width --> 8 android: dashWidth = "4dp" android: dashGap = "1dp"/> <! -- Dotted line interval 1dp --> 9 </shape> 10 </item> 11 <item android: id = "@ android: id/progress "> 12 <clip> 13 <shape android: shape =" line "> 14 <stroke15 android: width =" 4dp "android: color = "#000000" 16 android: dashWidth = "4dp" android: dashGap = "1dp"/> 17 </shape> 18 </clip> 19 </item> 20 </layer-list>

How to color the dotted line in the ps Style

The dotted line of the color you want will define the color pattern. For the definition pattern of the body, see www.wzfzl.cn/...n.html.




In excel, How can I change the blue color to black to keep the original format and width as well as change the dotted line into a real line hero?

Modify the line color: Click the Border Button, then draw the border at the bottom of the point, select the appropriate line width and color, and draw it manually.

Change the dotted line to solid line, and you can use a format brush. Select the line above, double-click the format brush, and click the dotted line below. Click the format brush button. Return to the normal editing status.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.