คำถามติดแท็ก rounded-corners

ชื่อของคุณลักษณะการออกแบบส่วนต่อประสานผู้ใช้ซึ่งแทนที่มุม 90 องศาที่เกิดขึ้นที่จุดสิ้นสุดของเส้นตั้งฉากสองเส้น

30
วิธีทำ ImageView ด้วยมุมที่โค้งมน
ใน Android ImageView เป็นรูปสี่เหลี่ยมผืนผ้าโดยค่าเริ่มต้น ฉันจะทำให้มันเป็นรูปสี่เหลี่ยมผืนผ้ามน (ตัดออกทั้ง 4 มุมของบิตแมปของฉันให้เป็นรูปสี่เหลี่ยมผืนผ้ามน) ใน ImageView ได้อย่างไร


30
UIView ที่มีมุมมนและเงาตกใช่ไหม
ฉันต้องการกำหนดเองUIView... : ฉันแค่อยากได้มุมมองสีขาวที่ว่างเปล่าที่มีมุมมนและเงาแบบปล่อยแสง (ไม่มีเอฟเฟกต์แสง) ฉันสามารถทำสิ่งเหล่านี้ทีละคน แต่ปกติclipToBounds/ maskToBoundsความขัดแย้งเกิดขึ้น

23
คุณสมบัติรัศมีของ CSS3 และการยุบขอบ: การยุบไม่ผสมกัน ฉันจะใช้รัศมีเส้นขอบเพื่อสร้างตารางที่ยุบด้วยมุมที่ถูกปัดเศษได้อย่างไร
แก้ไข - ชื่อเรื่อง:มีทางเลือกในการประสบความสำเร็จborder-collapse:collapseในCSS(ในการสั่งซื้อที่จะมีการยุบตารางมุมโค้งมน)? เนื่องจากปรากฎว่าการทำให้เส้นขอบของตารางยุบลงไม่สามารถแก้ปัญหารากได้ฉันจึงอัปเดตชื่อเพื่อให้สะท้อนการอภิปรายได้ดียิ่งขึ้น ฉันกำลังพยายามทำตารางที่มีมุมโค้งมนโดยใช้CSS3 border-radiusคุณสมบัติ รูปแบบตารางที่ฉันใช้มีลักษณะดังนี้: table { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px } นี่คือปัญหา ฉันต้องการตั้งค่าborder-collapse:collapseคุณสมบัติและเมื่อชุดนั้นborder-radiusไม่ทำงานอีกต่อไป มีวิธีตาม CSS ที่ฉันสามารถรับผลเช่นเดียวกับที่border-collapse:collapseไม่ใช้จริงหรือไม่ การแก้ไข: ฉันได้ทำหน้าง่าย ๆ เพื่อแสดงปัญหาที่นี่ (Firefox / Safari เท่านั้น) ดูเหมือนว่าปัญหาส่วนใหญ่คือการตั้งค่าตารางให้มีมุมมนไม่ส่งผลต่อมุมของtdองค์ประกอบมุม ถ้าตารางมีสีเดียวทั้งหมดนี่คงไม่ใช่ปัญหาเพราะฉันสามารถสร้างยอดและล่างtdกลมสำหรับแถวแรกและแถวสุดท้ายตามลำดับ อย่างไรก็ตามฉันใช้สีพื้นหลังที่แตกต่างกันสำหรับตารางเพื่อแยกความแตกต่างของส่วนหัวและสำหรับการสตริปดังนั้นtdองค์ประกอบภายในจะแสดงมุมโค้งมนของพวกเขาเช่นกัน สรุปโซลูชั่นที่นำเสนอ: การล้อมรอบโต๊ะด้วยองค์ประกอบอื่นที่มีมุมโค้งมนไม่ได้ผลเพราะมุมสี่เหลี่ยมของตาราง "มีเลือดออก" การระบุความกว้างของเส้นขอบเป็น 0 จะไม่ยุบตาราง tdมุมด้านล่างยังคงเป็นสี่เหลี่ยมจัตุรัสหลังจากกำหนดระยะห่างระหว่างเซลล์เป็นศูนย์ การใช้จาวาสคริปต์แทนทำได้โดยหลีกเลี่ยงปัญหา การแก้ปัญหาที่เป็นไปได้: ตารางถูกสร้างขึ้นใน PHP ดังนั้นฉันสามารถใช้คลาสที่แตกต่างกับแต่ละด้านนอก / tds และสไตล์แต่ละมุมแยกจากกัน ฉันไม่อยากทำสิ่งนี้เนื่องจากมันไม่ได้สวยงามมากและมีความเจ็บปวดเล็กน้อยที่จะนำไปใช้กับหลาย ๆ ตารางดังนั้นโปรดให้คำแนะนำต่อไป วิธีแก้ปัญหาที่เป็นไปได้ 2 คือใช้ …


21
การสร้างมุมโค้งมนโดยใช้ CSS [ปิด]
ตามที่เป็นอยู่ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบคำถาม & คำตอบของเรา เราคาดหวังคำตอบที่จะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้มีแนวโน้มที่จะเรียกร้องการอภิปรายการโต้แย้งการหยั่งเสียงหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงและเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อขอคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา ฉันจะสร้างมุมโค้งมนโดยใช้ CSS ได้อย่างไร

15
วิธีการปัดมุมของปุ่ม
ฉันมีรูปสี่เหลี่ยมผืนผ้า (jpg) และต้องการใช้เพื่อเติมพื้นหลังของปุ่มที่มีมุมมนใน xcode ฉันเขียนสิ่งต่อไปนี้: UIButton *button = [[UIButton buttonWithType:UIButtonTypeRoundedRect] retain]; CGRect frame = CGRectMake(x, y, cardWidth, cardHeight); button.frame = frame; [button setBackgroundImage:backImage forState:UIControlStateNormal]; อย่างไรก็ตามปุ่มที่ฉันใช้ด้วยวิธีนั้นไม่มีมุมโค้งมน: มันเป็นสี่เหลี่ยมธรรมดาที่ดูเหมือนภาพต้นฉบับของฉัน ฉันจะหาภาพที่มีมุมมนเพื่อแสดงปุ่มของฉันได้อย่างไร ขอบคุณ!

7
Android - drawable ที่มีมุมโค้งมนที่ด้านบนเท่านั้น
ฉันวาดภาพนี้ให้สี่เหลี่ยมมุมฉากเป็นพื้นหลังได้: <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="@color/white" /> <stroke android:width="1dp" android:color="@color/light_gray" /> <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" /> <corners android:radius="6dp" /> </shape> ทำงานได้ดีตามที่คาดไว้ ตอนนี้ฉันต้องการเปลี่ยนสิ่งนี้ให้ปัดเฉพาะมุมบนสุดเท่านั้นดังนั้นฉันจึงเปลี่ยนเป็น: <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="@color/white" /> <stroke android:width="1dp" android:color="@color/light_gray" /> <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" /> <corners android:topLeftRadius="6dp" android:topRightRadius="6dp" android:bottomLeftRadius="0dp" android:bottomRightRadius="0dp"/> </shape> แต่ตอนนี้ไม่มีมุมใดมนและฉันได้รูปสี่เหลี่ยมผืนผ้าธรรมดา ฉันหายไปนี่อะไร


13
วิธีทำให้ CSS3 ปัดเศษมุมซ่อนเร้นใน Chrome / Opera
ฉันต้องการมุมโค้งมนบน div parent เพื่อปกปิดเนื้อหาจาก childen ของมัน overflow: hiddenทำงานได้ในสถานการณ์ที่เรียบง่าย แต่หยุดพักในเบราว์เซอร์ที่ใช้ webkit และ Opera เมื่อผู้ปกครองอยู่ในตำแหน่งที่ค่อนข้างหรือแน่นอน ใช้งานได้ใน Firefox และ IE9: CSS #wrapper { width: 300px; height: 300px; border-radius: 100px; overflow: hidden; position: absolute; } #box { width: 300px; height: 300px; background-color: #cde; } HTML <div id="wrapper"> <div id="box"></div> </div> ตัวอย่างบน JSFiddle ขอบคุณสำหรับความช่วยเหลือ! อัปเดต:ข้อผิดพลาดที่ทำให้เกิดปัญหานี้ได้รับการแก้ไขตั้งแต่ใน …

11
การตั้งค่ารัศมีมุมบน UIImageView ไม่ทำงาน
ฉันกำลังจะสูญเสีย ฉันใช้คุณสมบัติเลเยอร์ของ UIView เพื่อปัดมุมขององค์ประกอบหลายอย่างในแอปของฉัน อย่างไรก็ตาม UIImageView อันนี้ไม่ปฏิบัติตาม ไม่แน่ใจว่าสิ่งที่ฉันหายไป UIImageView (เรียกว่า previewImage) มีอยู่ใน Table View Cell ฉันได้ลองตั้งค่าคุณสมบัติ cornerRadius หลายตำแหน่ง (ในเซลล์เองและในตัวควบคุมที่สร้างเซลล์) ให้ไม่มีประโยชน์ static NSString *CellIdentifier = @"MyTableViewCell"; MyTableViewCell *cell = (MyTableViewCell *)[tableView dequeueReusableCellWithIdentifier:CellIdentifier]; if (cell == nil) { NSArray *topLevelObjects = [[NSBundle mainBundle] loadNibNamed:CellIdentifier owner:self options:nil]; cell = [topLevelObjects objectAtIndex:0]; cell.previewImage.layer.cornerRadius = …

8
วิธีการเขียนโปรแกรมรอบมุมและกำหนดสีพื้นหลังแบบสุ่ม
ฉันต้องการปัดเศษมุมของมุมมองและเปลี่ยนสีของมุมมองตามเนื้อหาในรันไทม์ TextView v = new TextView(context); v.setText(tagsList.get(i)); if(i%2 == 0){ v.setBackgroundColor(Color.RED); }else{ v.setBackgroundColor(Color.BLUE); } v.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT)); v.setPadding(twoDP, twoDP, twoDP, twoDP); v.setBackgroundResource(R.drawable.tags_rounded_corners); ฉันหวังว่าการตั้งค่าให้วาดได้และสีจะทับซ้อนกัน แต่ก็ไม่ได้ สิ่งที่ฉันดำเนินการวินาทีคือพื้นหลังผลลัพธ์ มีวิธีใดบ้างในการสร้างมุมมองนี้โดยใช้โปรแกรมโปรดทราบว่าสีพื้นหลังจะไม่ถูกกำหนดจนกว่าจะรันไทม์ แก้ไข: ตอนนี้ฉันสลับระหว่างสีแดงและสีน้ำเงินเพื่อการทดสอบเท่านั้น หลังจากนั้นผู้ใช้จะเลือกสีได้ แก้ไข: tags_rounded_corners.xml: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <corners android:bottomRightRadius="2dp" android:bottomLeftRadius="2dp" android:topLeftRadius="2dp" android:topRightRadius="2dp"/> </shape>

5
ฉันจะสร้างคอนเทนเนอร์ WPF Rounded Corner ได้อย่างไร
เรากำลังสร้างแอปพลิเคชัน XBAP ที่เราต้องมีมุมโค้งมนในตำแหน่งต่างๆในหน้าเดียวและเราต้องการมีคอนเทนเนอร์ WPF Rounded Corner เพื่อวางองค์ประกอบอื่น ๆ ไว้ภายใน ใครมีคำแนะนำหรือโค้ดตัวอย่างเกี่ยวกับวิธีที่เราจะทำสิ่งนี้ให้สำเร็จได้ดีที่สุด? ไม่ว่าจะด้วยสไตล์ในหรือด้วยการสร้างคอนโทรลแบบกำหนดเอง?


17
CSS มุมตารางมนเท่านั้น
ฉันได้ค้นหาและค้นหา แต่ไม่พบวิธีแก้ปัญหาสำหรับความต้องการของฉัน ฉันมีตาราง HTML แบบธรรมดา ฉันต้องการมุมรอบสำหรับมันโดยไม่ต้องใช้ภาพหรือ JS เช่นบริสุทธิ์CSS เท่านั้น แบบนี้: มุมโค้งมนสำหรับเซลล์มุมและ1pxขอบหนาสำหรับเซลล์ จนถึงตอนนี้ฉันมีสิ่งนี้: table { -moz-border-radius: 5px !important; border-collapse: collapse !important; border: none !important; } table th, table td { border: none !important } table th:first-child { -moz-border-radius: 5px 0 0 0 !important; } table th:last-child { -moz-border-radius: 0 5px 0 …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.