2012-08-30 3 views
-2

Je crée une application, où je suis en train de créer une mise en page comme cette image,verre comme la couleur de fond dans Android

glassy Look

mais je veux que la partie supérieure de l'image doit être d'une autre couleur , mais la couleur doit être transparente, de sorte que l'arrière-plan soit visible à partir de cette couleur. J'utilise un style xml pour cela,

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <stroke android:width="2dp" android:color="#FFFFFFFF" /> 
    <gradient android:startColor="#DD000000" android:endColor="#DD2ECCFA" 
      android:angle="225"/> 

    <corners android:bottomRightRadius="7dp" android:bottomLeftRadius="7dp" 
    android:topLeftRadius="7dp" android:topRightRadius="7dp"/> 
</shape> 

Mais il est en train de créer une mise en page des couleurs qui ne sont pas transparents et l'arrière-plan est pas visible de cette couleur. suggère quelques conseils pour rendre la couleur transparente, de sorte que je puisse atteindre un aspect vitreux pour la mise en page.

+0

duplication possible de http://stackoverflow.com/questions/11559 832/how-to-make-buttons-couleur-like-glasss-couleur-in-android-eclipse/11560893 # 11560893 –

+0

Quelle est la partie supérieure de l'image? – iTurki

+0

J'ai une vue de défilement, qui est la partie supérieure dont l'arrière-plan est la mise en page linéaire dont l'arrière-plan est bleu. Je veux rendre la couleur d'arrière-plan du défilement opaque, de sorte que la couleur de la disposition linéaire soit visible à partir de celle-ci. –

Répondre

5

utiliser ce code,

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle"> 
<stroke android:width="2dp" android:color="#FFFFFFFF" /> 
<gradient android:startColor="#DD000000" android:endColor="#DD2ECCFA" 
     android:angle="225"/> 

<solid android:color="#AA181818" /> 

<corners android:bottomRightRadius="7dp" android:bottomLeftRadius="7dp" 
android:topLeftRadius="7dp" android:topRightRadius="7dp"/> 
</shape> 

Ajouter une ligne de votre code,

<solid android:color="#AA181818" /> 
+0

Je veux augmenter l'opacité de la couleur, de sorte que l'arrière-plan devrait être visible, peu importe la couleur du dégradé. –

+1

J'ai une vue défilement, qui est la partie supérieure dont l'arrière-plan est la mise en page linéaire dont l'arrière-plan est bleu. Je veux rendre la couleur d'arrière-plan du défilement opaque, de sorte que la couleur de la disposition linéaire soit visible à partir de celle-ci. - –

+0

android solide: couleur = "# AA181818" dans ce code de couleur les deux premiers chiffres est l'opacité. – rajeshwaran

0

Ceci est mon round_rect_layout.xml,

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <stroke android:width="2dp" android:color="#FFFFFFFF" /> 

<solid android:color="#AA8282FF" /> 
    <corners android:bottomRightRadius="7dp" android:bottomLeftRadius="7dp" 
    android:topLeftRadius="7dp" android:topRightRadius="7dp"/> 
</shape> 

Ceci est mon fichier main.xml, où j'utilise le round_rect_layout.xml

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" 
    android:background="@drawable/bluback" > 

    <LinearLayout 
     android:id="@+id/linearLayout1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="vertical" 

     android:background="@drawable/bluerect" > 
    </LinearLayout> 


    <ScrollView 
     android:id="@+id/scrollView1" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:background="@drawable/round_rect_layout" 

     > 

     <LinearLayout 
      android:id="@+id/linearLayout2" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" > 

        <LinearLayout 
         android:id="@+id/linearLayout3" 
         android:layout_width="247dp" 
         android:layout_height="match_parent" 
         android:layout_gravity="center" 

         android:orientation="vertical" > 

         <TextView 
          android:id="@+id/textView5" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:textSize="16dp" 
          android:text="India" /> 

        <LinearLayout 
         android:id="@+id/linearLayout23" 
         android:layout_width="fill_parent" 
         android:layout_height="match_parent" 
         android:layout_gravity="center" 

         android:orientation="vertical" > 

         <TextView 
          android:id="@+id/textView1" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="Sachin Tendulkar" 
          android:textColor="@android:color/white" 
          android:background="@drawable/rounded_rectangle" 
          android:layout_gravity="center" 
          android:textAppearance="?android:attr/textAppearanceLarge" /> 

         <TextView 
          android:id="@+id/textView3" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="Virendar Sehwag" 
          android:textColor="@android:color/white" 
          android:background="@drawable/rounded_rectangle" 
          android:layout_gravity="center" 

          android:textAppearance="?android:attr/textAppearanceLarge" /> 

         <TextView 
          android:id="@+id/textView4" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="Rahul Dravid" 
          android:textColor="@android:color/white" 
          android:background="@drawable/rounded_rectangle" 
          android:layout_gravity="center" 

          android:textAppearance="?android:attr/textAppearanceLarge" /> 

         <TextView 
          android:id="@+id/textView2" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="Virat Kohli" 
          android:layout_gravity="center" 
          android:textColor="@android:color/white" 
          android:background="@drawable/rounded_rectangle" 

          android:textAppearance="?android:attr/textAppearanceLarge" /> 
</LinearLayout> 
      </LinearLayout> 

        <LinearLayout 
         android:id="@+id/linearLayout4" 
         android:layout_width="248dp" 
         android:layout_height="wrap_content" 
         android:layout_gravity="center" 
         android:orientation="vertical" > 

         <TextView 
          android:id="@+id/textView6" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 

          android:text="Australia" /> 

         <LinearLayout 
         android:id="@+id/linearLayout3" 
         android:layout_width="247dp" 
         android:layout_height="match_parent" 
         android:layout_gravity="center" 

         android:orientation="vertical" > 
         <TextView 
          android:id="@+id/textView7" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="Adam Gilchrist" 
          android:layout_gravity="center" 
          android:textColor="@android:color/white" 
          android:background="@drawable/rounded_rectangle" 
          android:textAppearance="?android:attr/textAppearanceLarge" /> 

         <TextView 
          android:id="@+id/textView8" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="Mathew Hayden" 
          android:layout_gravity="center" 
          android:textColor="@android:color/white" 
          android:background="@drawable/rounded_rectangle" 
          android:textAppearance="?android:attr/textAppearanceLarge" /> 

         <TextView 
          android:id="@+id/textView9" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="Ricky Ponting" 
          android:layout_gravity="center" 
          android:textColor="@android:color/white" 
          android:background="@drawable/rounded_rectangle" 
          android:textAppearance="?android:attr/textAppearanceLarge" /> 

         <TextView 
          android:id="@+id/textView11" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="Michael Clarke" 
          android:layout_gravity="center" 
          android:textColor="@android:color/white" 
          android:background="@drawable/rounded_rectangle" 
          android:textAppearance="?android:attr/textAppearanceLarge" /> 
</LinearLayout> 
        </LinearLayout> 


        <LinearLayout 
         android:id="@+id/linearLayout5" 
         android:layout_width="246dp" 
         android:layout_height="wrap_content" 
         android:layout_gravity="center" 
         android:orientation="vertical" > 

         <TextView 
          android:id="@+id/textView10" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="South Africa" /> 

         <TextView 
          android:id="@+id/textView12" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="Hashim Amla" 
          android:layout_gravity="center" 
          android:background="@drawable/rounded_rectangle" 
          android:textColor="@android:color/white" 
          android:textAppearance="?android:attr/textAppearanceLarge" /> 

         <TextView 
          android:id="@+id/textView14" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="Graeme Smith" 
          android:layout_gravity="center" 
          android:background="@drawable/rounded_rectangle" 
          android:textColor="@android:color/white" 
          android:textAppearance="?android:attr/textAppearanceLarge" /> 

         <TextView 
          android:id="@+id/textView15" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="Jack Kallis" 
          android:layout_gravity="center" 
          android:background="@drawable/rounded_rectangle" 
          android:textColor="@android:color/white" 
          android:textAppearance="?android:attr/textAppearanceLarge" /> 

         <TextView 
          android:id="@+id/textView13" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="AB Devilliars" 
          android:layout_gravity="center" 
          android:background="@drawable/rounded_rectangle" 
          android:textColor="@android:color/white" 
          android:textAppearance="?android:attr/textAppearanceLarge" /> 

        </LinearLayout> 





        <LinearLayout 
         android:id="@+id/linearLayout6" 
         android:layout_width="245dp" 
         android:layout_height="wrap_content" 
         android:layout_gravity="center" 
         android:orientation="vertical" > 

         <TextView 
          android:id="@+id/textView16" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="Sri Lanka" /> 

         <TextView 
          android:id="@+id/textView17" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="TM Dilshan" 
          android:layout_gravity="center" 
          android:background="@drawable/rounded_rectangle" 
          android:textColor="@android:color/white" 
          android:textAppearance="?android:attr/textAppearanceLarge" /> 

         <TextView 
          android:id="@+id/textView18" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="Upul Tharanga" 
          android:layout_gravity="center" 
          android:background="@drawable/rounded_rectangle" 
          android:textColor="@android:color/white" 
          android:textAppearance="?android:attr/textAppearanceLarge" /> 

         <TextView 
          android:id="@+id/textView20" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="Kumar Sangakarra" 
          android:layout_gravity="center" 
          android:background="@drawable/rounded_rectangle" 
          android:textColor="@android:color/white" 
          android:textAppearance="?android:attr/textAppearanceLarge" /> 

         <TextView 
          android:id="@+id/textView19" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="Mahela Jayawardene" 
          android:layout_gravity="center" 
          android:background="@drawable/rounded_rectangle" 
          android:textColor="@android:color/white" 
          android:textAppearance="?android:attr/textAppearanceLarge" /> 

        </LinearLayout> 

     </LinearLayout> 
    </ScrollView> 


</LinearLayout> 
+0

s'il vous plaît coller connexes tirable xmls (bluerect, ...) dans http://pastebin.com et envoyer ce lien. – rajeshwaran

2

Le isuue est résolu, Thanx rajeshwaran, j'ai utilisé ..

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <stroke android:width="1dp" android:color="#FFFFFFFF" /> 

<solid android:color="#150000A0" /> 
    <corners android:bottomRightRadius="7dp" android:bottomLeftRadius="7dp" 
    android:topLeftRadius="7dp" android:topRightRadius="7dp"/> 
</shape> 

je viens de donner des valeurs au lieu de AA dans la balise solide ..

<solid android:color="#150000A0" /> 

Thanx aide .. m'a aidé à comprendre le concept de couleur ..

<solid android:color="#AARRGGBB" /> 
Questions connexes