วิธีตั้งค่าความทึบของรูปร่าง?


89

ฉันรู้วิธีตั้งค่าความทึบของภาพพื้นหลังแล้ว แต่ฉันต้องตั้งค่าความทึบของวัตถุรูปร่างของฉัน

ในแอพ Android ของฉันฉันมีแบบนี้: ป้อนคำอธิบายภาพที่นี่

และฉันต้องการทำให้พื้นที่สีดำนี้โปร่งใสขึ้นเล็กน้อยเช่นที่นี่ฉันสามารถเห็นวงกลมได้โดยใช้ "ยินดีต้อนรับ ... ":

ป้อนคำอธิบายภาพที่นี่

นี่คือรหัสรูปร่างของฉัน:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/shape_my"">
    <stroke android:width="4dp" android:color="#636161" />
    <padding android:left="20dp"
        android:top="20dp"
        android:right="20dp"
        android:bottom="20dp" />
    <corners android:radius="24dp" />
</shape>

ฉันจะทำเช่นนั้นได้อย่างไร?


2
รหัสวัตถุรูปร่างจะช่วยได้ที่นี่
Octavian A. Damiean

คำตอบ:


203

โดยทั่วไปคุณต้องกำหนดสีโปร่งใสเล็กน้อยเมื่อสร้างรูปร่าง

คุณสามารถทำได้โดยการตั้งค่าช่องสีอัลฟา

#FF000000จะทำให้คุณได้สีดำทึบในขณะที่#00000000คุณจะได้สีดำที่โปร่งใส 100% (เห็นได้ชัดว่ามันไม่ใช่สีดำอีกต่อไป)

โทนสีจะเป็นแบบนี้#AARRGGBBA ย่อมาจาก alpha channel, R ย่อมาจาก red, G สำหรับสีเขียวและ B สำหรับสีน้ำเงิน

เช่นเดียวกันหากคุณตั้งค่าสีใน Java 0xFF000000มีก็จะมีลักษณะเหมือน

อัปเดต

ในกรณีของคุณคุณจะต้องเพิ่มsolidโหนด เช่นด้านล่าง.

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/shape_my"">
    <stroke android:width="4dp" android:color="#636161" />
    <padding android:left="20dp"
        android:top="20dp"
        android:right="20dp"
        android:bottom="20dp" />
    <corners android:radius="24dp" />
    <solid android:color="#88000000" />
</shape>

สีที่นี่เป็นสีดำโปร่งใสครึ่งหนึ่ง


codeviewer.org/view/code:1974 - shape.xml codeviewer.org/view/code:1975 - layout.xml codeviewer.org/view/code:1976 - .java setOpacity ไม่ทำงานกับรูปร่าง และฉันพยายามเพิ่ม android: background = "# 00000000" ใน shape.xml แต่ไม่มีอะไรเกิดขึ้น
lomza

นี่มันแปลก ... ไม่สำคัญว่าฉันจะตั้งค่าเป็นสีอะไรฉันมีรูปร่างที่โปร่งใสอย่างเต็มที่ = (
lomza

3
สำหรับฉันแล้วความทึบนั้นสามารถตั้งค่าเป็นมุมมองหรือรูปภาพได้เท่านั้น ... เพราะเมื่อฉันเขียน android: background = "# 88000000" แทน android: background = "@ drawable / shape" ใน LinearLayout ของฉันมันจึงใช้ได้ .
lomza

2
มันใช้ได้กับรูปร่างด้วย คุณลองสิ่งที่ฉันโพสต์ไว้ด้านบนแล้วหรือยัง?
Octavian A. Damiean

1
ใช่ แต่ไม่ได้ผล คุณลองใช้รหัสทั้งหมดนี้บนเครื่องของคุณหรือไม่?
โลมซา

4

ใช้รหัสด้านล่างนี้เป็น progress.xml:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="5dip" />
            <gradient
                    android:startColor="#ff9d9e9d"
                    android:centerColor="#ff5a5d5a"
                    android:centerY="0.75"
                    android:endColor="#ff747674"
                    android:angle="270"
            />
        </shape>
    </item>

    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <solid android:color="#00000000" />
            </shape>
        </clip>
    </item>

    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <solid android:color="#00000000" />
            </shape>
        </clip>
    </item>

</layer-list>

ที่ไหน:

  • "ความคืบหน้า" คือความคืบหน้าปัจจุบันก่อนหัวแม่มือและ "secondaryProgress" คือความคืบหน้าหลังนิ้วหัวแม่มือ
  • color = "# 00000000" คือความโปร่งใสที่สมบูรณ์แบบ
  • หมายเหตุ: ไฟล์ด้านบนมาจากความละเอียดเริ่มต้นของ Android และสำหรับ 2.3.7 มีอยู่ในแหล่งที่มาของ Android ที่: frameworks / base / core / res / res / drawable / progress_horizontal.xml สำหรับเวอร์ชันที่ใหม่กว่าคุณต้องหาไฟล์ที่วาดได้เริ่มต้นสำหรับแถบค้นหาที่ตรงกับเวอร์ชัน Android ของคุณ

หลังจากนั้นใช้ในเค้าโครงที่มี xml:

<SeekBar
    android:id="@+id/myseekbar"
    ...
    android:progressDrawable="@drawable/progress"
    />

คุณยังสามารถปรับแต่งนิ้วหัวแม่มือได้โดยใช้ไอคอนที่กำหนดเอง find_thumb.png:

android:thumb="@drawable/seek_thumb"

1

ใช้อันนี้ฉันเขียนลงในแอพของฉัน

<?xml version="1.0" encoding="utf-8"?>
<!--  res/drawable/rounded_edittext.xml -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" android:padding="10dp">
    <solid android:color="#882C383E"/>
    <corners
        android:bottomRightRadius="5dp"
        android:bottomLeftRadius="5dp"
        android:topLeftRadius="5dp"
        android:topRightRadius="5dp"/>
</shape>
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.