neumorphic (sof-ui) library for android
NOTE
This is not a free library. But it has been published based on your trust. If you use this library in your software, be sure to pay the price.
🔧 Easy Installation 🔧 click here ->
with 3 basic shape + Dark Mode
can works nested and make amazing views !!
can create multiLine neomorphic text !!
2.use this code for circle neumorphic view
<com.github.sshadkany.shapes.CircleView
android:id="@+id/btn35"
android:layout_width="200dp"
android:layout_height="200dp"
android:layout_margin="5dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="parent"
app:shape_circle_backgroundColor="#ECF0F3"
app:shape_circle_shadow_type="drop_shadow" />you can play with every paramter!!
app:shape_circle_shadow_position_y="-30dp"
app:shape_circle_shadow_position_x="40dp"
app:shape_circle_dark_color="@color/colorPrimary"
app:shape_circle_light_color="@color/colorAccent"
app:shape_circle_borderColor="@color/colorPrimaryDark"
app:shape_circle_borderWidth="4dp"how make a button ?? (easy way)
<com.github.sshadkany.CircleButton
android:id="@+id/circle_image_button"
android:layout_width="match_parent"
android:layout_height="400dp">
<ImageView
android:id="@+id/imageView2"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:padding="32dp"
android:tint="#100F0F"
app:srcCompat="@drawable/abc_vector_test" />
</com.github.sshadkany.CircleButton>and in java class
CircleButton circle_button = findViewById(R.id.circle_image_button);
circle_button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Log.i("neo", "onClick: i am clicked");
}
});change this three color
app:shape_roundRect_backgroundColor="#303234"
app:shape_roundRect_light_color="#66494949"
app:shape_roundRect_dark_color="#66000000"how make a button ?? (Advanced way)
final neo mybtn = findViewById(R.id.my_button);
ViewGroup viewGroup = findViewById(R.id.my_button);
final ImageView imageview = (ImageView) viewGroup.getChildAt(0);
mybtn.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
// is shape Contains Point ----> for detect place of Touch is in the shape or not
if (mybtn.isShapeContainsPoint(event.getX(), event.getY())) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
// PRESSED
mybtn.setStyle(neo.small_inner_shadow);
imageview.setScaleX(imageview.getScaleX() * 0.9f);
imageview.setScaleY(imageview.getScaleY() * 0.9f);
return true;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_CANCEL:
// RELEASED
mybtn.setStyle(neo.drop_shadow);
imageview.setScaleX(1);
imageview.setScaleY(1);
return true;
}
}
return false;
}
});
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent