تصاميم ازرار


اكواد تصاميم ازرار

هذه اكواد ال activity_mai



<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="10dp"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity">
    <!--زر عادي-->
    <Button
            android:id="@+id/btnDefault"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:padding="10dp"
            android:text=" https://androidazo.blogspot.com/"
            android:textSize="18sp" />
    <!--زر مع خلفيه ملونه-->
    <Button
            android:id="@+id/btnBgColor"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:background="@android:color/holo_red_light"
            android:padding="10dp"
            android:text="https://androidazo.blogspot.com/"
            android:textSize="18sp" />
    <!--Drawable زر مع تصميم -->
    <Button
            android:id="@+id/btnDrawableBg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:background="@drawable/button_bg"
            android:padding="10dp"
            android:text="https://androidazo.blogspot.com/"
            android:textSize="18sp" />
    <!--زر باستخدام  Style.xml-->
    <Button
            android:id="@+id/btnStyle"
            style="@style/Button_BG"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Using Style" />
    <!--زر مدور-->
    <Button
            android:id="@+id/btnOval"
            android:textColor="@android:color/white"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="https://androidazo.blogspot.com/"
            android:background="@drawable/button_round_corner" />
</LinearLayout>





هذه اكواد ملف الdrawable للزر button bg


<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">

<solid android:color="@android:color/holo_blue_bright" />
<corners android:radius="10dp" />

</shape>


    <!--ضع هذا الملف لخلفيه البوتن اي الزر-->





وهذه اكواد الزر الدائري oval


<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="false">
        <shape android:shape="oval">
            <solid android:color="#fa09ad"/>
        </shape>
    </item>
    <item android:state_pressed="true">
        <shape android:shape="oval">
            <solid android:color="#c20586"/>
        </shape>
    </item>
</selector>


    <!--زر دائري-->



وهذه اكواد الستايل الخاص بالزر باستخدامstyle

تضيفها في ملف الستايل styles في مجلد ال values


 <!--هذا هوا الستايل styles.xml-->
    <style name="Button_BG">
        <item name="android:layout_margin">10sp</item>
        <item name="android:textStyle">italic</item>
        <item name="android:textSize">16sp</item>
        <item name="android:textColor">@android:color/holo_red_dark</item>
        <item name="android:background">@android:color/white</item>
        <item name="android:padding">10dp</item>
    </style>



اكواد الجافا



package com.aziz05.androidazo;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.transition.Slide;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
    Button btnDefault, btnBgColor, btnDrawable, btnStyle, btnOval;
    Toast toast;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btnDefault = (Button) findViewById(R.id.btnDefault);
        btnBgColor = (Button) findViewById(R.id.btnBgColor);
        btnDrawable = (Button) findViewById(R.id.btnDrawableBg);
        btnStyle = (Button) findViewById(R.id.btnStyle);
        btnOval = (Button) findViewById(R.id.btnOval);
        /***عند الضغط على اي زر***/
        btnDefault.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                toast = Toast.makeText(getApplicationContext(),
             toString() + " is Pressed", Toast.LENGTH_SHORT);
         toast.show();
            }
        });
        btnBgColor.setOnClickListener(new View.OnClickListener() {
            @Override
           btnDefault.getText().
            public void onClick(View v) {
         toast = Toast.makeText(getApplicationContext(),
         btnBgColor.getText().toString() +
         " is Pressed", Toast.LENGTH_SHORT);
          toast.show();
            }
        });
        btnDrawable.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View v) {
        toast = Toast.makeText(getApplicationContext(),
        btnDrawable.getText().toString() + " is Pressed", Toast.LENGTH_SHORT);
        toast.show();
         }
        });
        btnStyle.setOnClickListener(new View.OnClickListener() {
            @Override
        public void onClick(View v) {
        toast = Toast.makeText(getApplicationContext(),
        btnStyle.getText().toString() +
       " is Pressed", Toast.LENGTH_SHORT);
        toast.show();
        }
        });
        btnOval.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
        toast = Toast.makeText(getApplicationContext(),
        btnOval.getText().toString   
" is Pressed", Toast.LENGTH_SHORT);
       toast.show();
      }
        });
    }
}


موقعنا يستخدم ملفات تعريف الارتباط, لتحسين تجربة المستخدم عرض التفاصيل

حسنًا